Efek ini akan terlihat apabila pengunjung blog meletakkan pointer mouse diatas link. Untuk lebih detailnya, silahkan lihat gambar disamping
Berikut ini langkah – langkahnya :
- Login ke Blogger.com, lalu masuk ke Template.
- Backup template blog Anda (lihat caranya disini).
- Klik tombol Edit HTML, dan tekan CTRL+F, dan cari kode a:hover{ (Jika Anda tidak menemukan kode ini, tolong baca catatan dibawah.)
Contoh : Di blog saya, kodenya seperti ini : a:hover{text-decoration:none;}
- Jika sudah ketemu, pastekan kode berikut (setelah a:hover{)
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
Sehingga, kode akhirnya akan menjadi :
a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
- Terakhir, klik Simpan template.
Catatan : Jika di blog Anda tidak ada kode a:hover{, silahkan copy kode berikut dan pastekan di Edit HTML (dibawah <b:skin><
