Cara Mengganti Cursor Mouse Di Blog

Langsung aja . berikut langkahnya :

1. Buka Menu Rancangan -> Edit HTML 

2. Jangan Lupa Klik Expand Template Widget lalu Download Template Lengkap

3. Cari cursor url yang anda inginkan . Dapat dicari di Cursors-4u

Contoh :http://cur.cursors-4u.net/cursors/images2/cur117.png 

Catatan : Berikut adalah kode salah satu cursor yang ada di web tadi. Ingat hanya ambil cursor urlnya saja . (yang saya bold/tebalin) 

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi197.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/11/03/xd-anime-smiley.html" target="_blank" title="XD Anime Smiley"><img src="http://cursors-4u.com/support.gif" border="0" alt="XD Anime Smiley" style="position:absolute; top: 0px; right: 0px;" /></a>

4. Selanjutnya tambahkan Url yang sudah di copy setelah " body { " dan sebelum " } " dengan ditambah Cursor:url didepannya . Untuk memudahkan pencet saja F3 lalu masukan kata body { . 

Contoh : 

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

cursor: url(http://cur.cursors-4u.net/user/use-1/use8.cur),default;

}

Ingat jangan lupa lihat contoh !  


5. Berikutnya cari a:hover . Gunakan cara yang sama seperti pada mencari body tadi .
6. Kemudian paste-kan lagi url cursor tadi setelah a:hover {  . Dengan menggunakan cursor:url didepannya.

Contoh :

a:hover {

cursor: url(http://cur.cursors-4u.net/user/use-1/use8.cur),default;

  text-decoration:underline;

  color: $(link.hover.color);

}

7. Lalu save template anda .


Good luck !!