Oke, kali ini saya akan sharing informasi tentang Cara membuat efek api pada link di blog. efek api pada link ini terlihat cukup keren dan menarik pengunjung, serta dapat menambah nilai seni pada blog. Efek ini akan terlihat apabila pengunjung blog meletakkan pointer mouse diatas link.
- Login ke Blogger.com, lalu masuk ke Template.
- Backup template blog Anda (karena jika terjadi hal-hal yang tidak diinginkan).
- Klik tombol Edit HTML, dan tekan CTRL+F, dan cari kode a:hover{ (Jika Anda tidak menemukan kode ini, tolong baca catatan dibawah.)
- 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. 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> :
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;
}
Sign up here with your email
ConversionConversion EmoticonEmoticon