Sabtu, 06 Agustus 2011

Cara Mengganti Kursor pada Blog

Anda bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini anda mempelajari bagaimana mengganti atau merubah kursor anda misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan anda bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika anda tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs yang menawarkan kursor animasi. anda bisa mendapatkan kursor yang anda inginkan didalam situs seperti itu.

Berikut langkah-langkah yang harus anda lakukan:
Mencari kursor gratis terlebih dahulu

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
  • Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau anda bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
  • Bila anda telah menemukan situs yang tepat dan model kursor animasi yang anda sukai, maka pastikan bahwa anda memperoleh URL dari animasi tersebut.
  • Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
  • Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila anda menemukan yang seperti ini, maka ambil saja URL kursornya.
  • Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila anda hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka anda harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
  • Selanjutnya sisipkan URL kursor animasi anda ke dalam script berikut ini
    Cursor: url ("URL KURSOR");
    Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:

    cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  • Dengan script diatas maka kursor animasi anda telah siap diaplikasikan kedalam halaman Blogspot anda.
Mengaplikasikan Kursor dalam Blog anda

Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.

Berikut ini caranya:
  • Login terlebih dahulu kedalam akun Blogspot anda
  • Setelah itu klik menu Layout pada halaman dashboard
  • Selanjutnya klik menu EDIT HTML
  • Kemudian Cari kode body {
  • Setelah ketemu masukkan script kursor yang anda miliki tadi seperti ini
    body {
    padding: 0;
    margin: 0;)
    font-size: small;
    color: $textcolor;
    background: #fff;
    text-align: center;
    cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
    }
  • Setelah itu klik tombol Save Template dan lihat hasilnya

0 komentar:

Posting Komentar