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 :

• Page Navigasi Untuk BloggerAkhirnya setelah lama menunggu saya mendapatkan hal yang menarik yaitu menampilkan Page Navigasi yang letaknya pada footer. Caranya ...
• 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 Membuat Efek Pojokan Blog Melipat (Page Peel)  Sebenarnya tutorial ini sudah cukup lama dibahas oleh senior blogger dan mungkin sudah basi atau sudah jadi arsip blog, tapi t ...
• Yahoo Messenger Emoticons (Smileys) di Blogspot Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimili ...
• Cara Membuat Google Translate dengan Menggunakan Bendera Google menawarkan berbagai macam widget yang dapat kita gunakan untuk mempercantik atau menambah elemen pada blog, salah s ...