Mengganti Cursor dengan Gambar

Bila kamu tidak suka dengan tampilan cursor yang biasa, kamu bisa ganti tampilan cursornya dengan sebuah gambar sesui yang kamu inginkan,misalnya gambar sehelai bulu. Silahkan yang mau ganti cursor dengan foto/animasi atau yang lainnya bisa ikuti tips berikut ini tetapi saya hanya memberi gambar contoh saja yaah, kalian bisa ganti dengan gambar apapun atau animasi apapun yang kalian suka :

• Pertama : Save gambar di bawah ini ke komputer kamu

• upload gambar poto ke hosting gambar semisal photobucket. Kalau belum punya, registrasi dulu ke photobucket misalnya.
  
• Setelah gambar diupload, copy URL imagenya

Kemudian ikuti langkah berikut ini :
1. Login ke Blog.
2. Layout, Edit HTML.
3. Kalau sudah masuk, beri tanda centang pada "expand template widget"
4. Kalau sudah cari kode ini body {
5. Copas kode dibawah ini tepat di bawah kode tadi.

cursor: url("URL image/animasi kamu"), default;

Contohnya seperti ini:

body {
cursor: url("http://i1094.photobucket.com/albums/i460/SurouAwwabi/Umroh%20Maret%202010/coba1.jpg"), default;
margin:0; padding:0;
line-height:1.5em;
font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;
color:#47443e; background:#4C1010;
}

 6. Save, selesai

Lihat hasilnya di blog kamu ada foto yang bergerak sesuai dengan gerakan mouse.

Posted in: Tutorial