Mengganti Tampilan Cursor (Mouse) Pada Blog

Mengganti Tampilan Cursor (Mouse)

Sebenarnya sich ada banyak script untuk memasang cursor pada blog supaya terlihat lebih atraktif dan menarik. Di posting kali ini saya akan memberikan tutorial tentang bagaimana memasang custom cursor pada blogspot, yah walaupun sudah banyak blog2 yang sudah menulis tentang ini sebelumnya... Hehehehe... tapi tak apalah awak tulis kembali ( duh bahasa mana nih... :D hehehe ) Langsung aja yup kalian ikutan langkah2 berikut ini.

Instruksi Dasar :

1. Login Blog terlebih dahulu di http://draft.blogger.com
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
3. Pilih Tab Edit HTML
4. Cari kode ]]></b:skin> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
5. Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawah kode ]]></b:skin>.

Script :

<style type='text/css'>body, a {cursor: url(Letakkan Url cursor default disini), progress;} a:hover {cursor: url(Letakkan Url cursor link disini), progress;}</style>

Setelah script dan url cursor telah dimasukkan lalu Simpan perubahan dan bisa dilihat hasilnya :)

Cursor Default :

http://lh4.ggpht.com/_TWC8zfBIdik/S-azAjwjYKI/AAAAAAAAAxg/vcB1bh9X0CM/roxxcur1.png

Cursor Link :
http://lh6.ggpht.com/_TWC8zfBIdik/S-azAn6JodI/AAAAAAAAAxk/kdC4_mmwr9c/roxxcur2.png


Sekian tutorial Cara pasang custom cursor di blogspot semoga bermanfaat. Terimakasih.