Cara Membuat Efek Bintang Pada Link
Bulan lalu saya pernah menulis sebuah posting cara membuat
link berwarna warni, kali ini kita akan membuat link tersebut dengan efek
bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh
cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam
animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link
udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan
berikan langkahnya kepada sobat:
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi
a:hover
{background-image:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GadH_6svWAbqiL82xSVZ1Oe2eftbtBxzUX2JdEeW9mDdbKDiSgGeotBVNTbfdwlPZwzIupnZZ7W8dVxWitkIZgyNc7Xew0XQoll86SnSBaGdcVBPd5H9wLCX6iOmR0ZE4RjCZcMEFJs/s1600/stars.gif);}
Link akan
mengeluarkan gambar seperti ini:
5. Simpan
template anda lalu lihat hasilnya
Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!
Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!
Copyright: Blog Trik dan Tips - http://blogtrikdantips.blogspot.com/2012/05/cara-membuat-efek-bintang-pada-link.html#ixzz2Dfn4KZGX
Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih
Tidak ada komentar:
Posting Komentar