Cara Membuat Link Hover Bintang Berpijar Di Blog

Jika pernah berkunjung ke suatu blog dan melihat link yang berpijar jika disorot dengan mouse, itulah yang akan saya share kali ini.

 

     Langkah - langkah:

• Masuk ke akun Blogger Anda.
• Klik Rancangan > Edit HTML.
• Beri tanda centang pada Expand Template Widget.
• Cari kode berikut, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan.

      

a:hover {

Paste kode berikut setelah tanda {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90Zrd8oGqBckW5QY4Hu6TpQyGCjLIx96oVpo9Nyvaawias4Rpf_S6Mu67bf2wdmxGf1hOB2zKmB0CeYWld3wHRhNHmQgP7CpvpzRtvPu8u-TisZJO8ERL6DH-3Yy0-38wwgkUcWLh1Ow/s1600/72bintang.gif); 

Sehingga keseluruhan kodenya akan menjadi seperti ini.

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90Zrd8oGqBckW5QY4Hu6TpQyGCjLIx96oVpo9Nyvaawias4Rpf_S6Mu67bf2wdmxGf1hOB2zKmB0CeYWld3wHRhNHmQgP7CpvpzRtvPu8u-TisZJO8ERL6DH-3Yy0-38wwgkUcWLh1Ow/s1600/72bintang.gif); 

Kemudian klik save/simpan.

Jika ingin merubah kembali seperti semula, tinggal hapus aja kode yang sudah ditambahkan.