Custom Cursor (Mengganti Cursor Blog)

Bosan dengan cursor default? Mengapa tidak diubah sendiri? Contohnya seperti yang ada di blog ini. Dark Ard mengubah cursor DickeyMaru berawal dari hobby otak-atik skin Friendster di jaman dulu. Berhubung sekarang Friendster telah berubah menjadi situs game, ya tidak bisa di otak-atik lagi.
Berikut ini petunjuk singkat untuk mengganti cursor pada blog kamu:
  1. Masuk ke Tata Letak / Design, lalu klik Edit HTML
  2. BackUp Template kamu terlebih dahulu sebelum mengedit. Untuk berjaga-jaga jika ada kesalahan dalam pengeditan template.
  3. Kemudian kamu copy CSS dibawah ini:
    body, body:hover {
    cursor: url(URL GAMBAR ATAU CURSOR KAMU), default;
    }
    Kamu ganti yang biru dengan URL file cursor kamu. Bisa dalam file type .cur, .ani, ataupun .ico. Bisa juga menggunakan gambar. Tetapi ukuran gambarnya tentu saja dikecilin dulu menjadi 32x32 pixels ^^.
  4. Letakkan kode tadi diatas kode
    ]]></b:skin>
  5. template kamu.
Cara diatas adalah petunjuk untuk pengguna platform Blogger (blogspot). Untuk pengguna Wordpress atau platform lain, silahkan copy kodenya dan masukkan diatas kode:
</skin>
Di blog ini pun cursornya berubah lagi ketika pointernya menyentuh link. Bagaimana cara membuatnya? Caranya sama, namun kodenya seperti ini:
a, a:link, a:active, a:visited, a:hover{
cursor: url(URL GAMBAR ATAU CURSOR KAMU), pointer;
}
Lalu, jika kita ingin mengganti cursor pada gambar? Jadi ketika pointer kita melewati gambar, maka cursornya berubah lagi. Bisa kok, kodenya seperti ini:
img, img:hover{
cursor: url(URL GAMBAR ATAU CURSOR KAMU), pointer;
}
Bagaimana? Sudah paham kan? :D
Comments

4 comments:

Related posts
Guestbook
Author
Other


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other