Cara Membuat Efek Bintang Pada Link

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/AVvXsEgx2Fmjcqha0j6w37-SGnusT0SO-NnPHQbv1NIr6dvlpUcOFHM4ref-Whahc9SH2tSccfxRuUTb83fJM9XG4bU6CpueIOpC2sJGg_Unpy8sufSQ35dtHkszuY0wUw6N4kfE509ua3xt65Y/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!

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :

• Membuat Animasi Naruto vs Sasuke di Blog Apakah anda menyukai petualangan Naruto dan Sasuke ? Tapi saya tidak akan bercerita tentang naruto lho, saya akan posting tentang ba ...
• Membuat Link Sumber Muncul pada Artikel Copy Paste [Mari Berbagi] Sobat bloggers bagaimana kabarnya? Senang sekali bisa berjumpa pada tutorial Blog Trik dan Tips “tak ada blog ...
• Tulisan efek neonTulisan ini mempunyai efek seperti neon dengan warna yang bergerak sepanjang huruf yang ada. Seperti contoh dibawah ini:TULISAN EFEK N ...
• Cara Meningkatkan ALexa atau Google PagerankCara meningkatkan PageRank dan speed "traffic blog", hanya diperuntukkan bagi sobat yang menginginkan PageRank tinggi dan traff ...
• Membuat Pop Up Selamat Datang pada Blog Blog trik dan tips kali ini akan memberikan tutorial bagaimana membuat pop up selamat datang pada blog. Pop up atau jendela ...