Sabtu, 12 Januari 2013

Mengganti Kursor saat Menunjuk Link

Defaultnya sebuah kursor pada satu blog hanyalah berbentuk panah. Namun, buat kamu yang bosan dengan tampilan kursor bawaannya, dapat menggunakan gambar lain sebagai kursor penunjuk untuk blog mu. Selain dapat mempercantik tampilan blog, pengunjung akan lebih mudah untuk meng-klik apapun apa yang ada didalam blog mu. Seperti meng-klik iklan, widget, teks, dll. Ide postingan kali ini muncul saat ketika saya lagi Blogwalking di Blog Tetangga :D

Oke Langsung Aja Berikut Langkah-Langkahnya :
1. Login Ke Blogger anda
2. Pilih Rancangan
3. Pilih Edit HTML >> Centang Expland Template Widget
4. Cari Kode
a:hover {
color:#FFFFFF;
text-shadow: 0 0 10px #2E2EFE;
font-family:'Waltograph UI';}
Fokuskan Pencarian anda pada kode yang berwarna merah
5. Tambahkan kode berikut
cursor: url(https://sites.google.com/site/goezdegleng/images/explode-link-select.gif), progress;
Kode berwarna biru diatas Bisa anda ganti dengan URL gambar anda
Sehingga menjadi Seperti ini
a:hover {color:#FFFFFF;text-shadow: 0 0 10px #2E2EFE;font-family:'Waltograph UI';cursor: url(https://sites.google.com/site/goezdegleng/images/explode-link-select.gif), progress;}
6. Save Template

Lihat hasilnya.. :D