Efek Api pada Link di Blog

Efek Api pada Link di Blog

Begitu banyak efek untuk mempercantik blog,salah satu dari efek tersebut adalah efek link api ketika di curser..mau coba langsung ke TKP.. :)

Berikut ini langkah – langkahnya :

1. Login ke Blogger.com, lalu masuk ke Template.
2. Backup template blog Anda,
3. Klik tombol Edit HTML, dan tekan CTRL+F, dan cari kode a:hover{)

Contoh : kodenya seperti ini : a:hover{text-decoration:none;}

4. 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;

5. Lalu, click SAVE/Simpan template.

Catatan : Jika di blog SOBAT tidak ada kode a:hover{, silahkan copy kode berikut dan pastekan di Edit HTML (dibawah <b:skin><![CDATA[ )  :

a:hover{text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10; text-decoration:none; }

Selesai,semoga bermanfaat....