Ada banyak script untuk memasang cursor pada blog supaya terlihat lebih atraktif dan menarik. Di posting kali ini saya akan memberikan tutorial tentangbagaimana 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 :
- Login Blog terlebih dahulu di http://draft.blogger.com
- Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
- Pilih Tab Edit HTML
- Cari kode ]]></b:skin> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browserMozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
- Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawah kode ]]></b:skin>.
Script :
<style type='text/css'>body, a {cursor: url(style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur361.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/18/transparent-chrome-glass-blue-pointer.html" target="_blank" title="Transparent Chrome Glass Blue Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Transparent Chrome Glass Blue Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
), progress;} a:hover {cursor: url(style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>), progress;}</style>
0 komentar:
Posting Komentar