Tuesday 16 November 2010

Cara mengganti cursor hand pada link

Tip Blogger kali ini masih terkait dengan cursor, cara mengubah cursor hand dengan gambar pada link, pada template dasar jika cursor mengarah ke sebuah link maka cursor tadi akan berubah menjadi cursor jenis hand 
dengan membaca judul diatas mungkin sobat blogger sudah tau maksudnya
Jika sobat ingin mencoba berikut caranya : 

Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML
Cari Style CSS seperti ini :

a:hover {
color:#ff6100;
text-decoration:none;
background:
}

Jika sudah ketemu tambahkan Style berikut :

cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif"), default;

setelah a:hover {

maka akan menjadi seperti berikut :

a:hover {
color:#ff6100;
text-decoration:none;
background:
cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif"), default; 
}

Ganti tulisan yang berwarna biru dengan Url gambar cursor sobat
Untuk contoh cursornya sobat bisa lihat di posting sebelumnya disini 
Kemudian Simpan dan lihat hasilnya

No comments:

Post a Comment

Powered by Blogger.