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 :

• Cara Membuat Readmore Otomatis Animasi Title : Cara Membuat Readmore Otomatis Animasi | Category : BloggingCara membuat atau memasang readmore otomatis di blog pada ...
• Cara Pasang Read More Animasi Bagaimana caranya membuat readmore animasi (kaya punyaku ini,hehe ).Aku tulis trik ini cos banyak temen-temen blogger yang menanyaka ...
• Cara Cepat Meningkatkan Alexa via Growurl   Cara Cepat Meningkatkan Alexa via Growurl Pertama saya melihat situs ini, saya tidak tertarik sama sekali. Karena saat itu say ...
• Cara Mendaftar dan Mendapatkan Dollar dari Ziddu.com Dewasa ini dunia internet tidak asing lagi bagi sebagian besar orang. Mereka dengan mudah mendapatkan informasi yang diperluka ...
• Cara Membuat Bayi Merangkak di Blog Selamat malam sobat blogger, bagaimana kabar anda? Kali ini Blog Trik dan Tips akan memberikan tutorial cara membuat efek bayi me ...