Cara Mengubah Cursor di Blog

Posted by Widget and Tutorial at 7:56 AM

Ini adalah cara mudah mengganti cursor blog kamu supaya menjadi bagus dan menarik, ikuti langkah-langkah nya!

• Login blogger kamu
• Masuk ke Dashboard >> Desain>>Tata Letak
• Tambah Gadget dan pilih HTML/JavaScript
• Copy Paste kode di bawah ini

Kode 1 : Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}
</style>

Kode 2 : Mengubah kursor walaupun saat menyorot link

<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>

Ganti tulisan yang berwarna ungu dengan link URL gambar kamu.

Berikut adalah link kursor koleksi saya (untuk mendapatkan link URL nya, klik kanan pada gambar >> Copy image URL) :

Atau bisa juga dengan cara memasukan kode yang berwarna biru :

 Lucky Charms Rainbow Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo507.ani), url(http://cur.cursors-4u.net/food/foo-6/foo507.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-rainbow.html" target="_blank" title="Lucky Charms Rainbow"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lucky Charms Rainbow" style="position:absolute; top: 0px; right: 0px;" /></a>

Animated Rainbow Nyan Cat Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(http://cur.cursors-4u.net/nature/nat-10/nat927.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/28/animated-nyan-cat-rainbow.html" target="_blank" title="Animated Rainbow Nyan Cat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Rainbow Nyan Cat" style="position:absolute; top: 0px; right: 0px;" /></a>

 Electricity Lightning Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur1.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/21/cur1-11.html" target="_blank" title="Electricity Lightning"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Electricity Lightning" style="position:absolute; top: 0px; right: 0px;" /></a>

 Lights Of Heaven Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth535.ani), url(http://cur.cursors-4u.net/others/oth-6/oth535.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/01/lights-of-heaven-unavailable.html" target="_blank" title="Lights Of Heaven - Unavailable"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lights Of Heaven - Unavailable" style="position:absolute; top: 0px; right: 0px;" /></a>

 Lights Of Heaven 2 Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth542.ani), url(http://cur.cursors-4u.net/others/oth-6/oth542.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/01/lights-of-heaven-working-in-background.html" target="_blank" title="Lights Of Heaven - Working In Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lights Of Heaven - Working In Background" style="position:absolute; top: 0px; right: 0px;" /></a>

 Lights Of Heaven 3 Kode :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth531.ani), url(http://cur.cursors-4u.net/others/oth-6/oth531.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/01/lights-of-heaven-hand.html" target="_blank" title="Lights Of Heaven - Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lights Of Heaven - Hand" style="position:absolute; top: 0px; right: 0px;" /></a>