Membuat Efek Bintang Berkedip Pada Link

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode ini pada template anda :

a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
)

7. Ganti kode css berwarna Merah dengan kode css dibawah ini dibawah ini :

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHiNgizAyUTdw_gcCS2bq3JBTXs2zgjnhyphenhyphen4tOztpF6TSuQ5vmxQkzvDoX6StaFuXsrCZR92eJbyDSXR1S4vKR5ZYHhbxlfjANvTHig-zZIq0QuiP-yUH1dnDKHQ9IcVEx9esQBSKigMoJ/s128/bintang.gif);}

8. Secara lengkap susunannya jadi seperti dibawah ini:

a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHiNgizAyUTdw_gcCS2bq3JBTXs2zgjnhyphenhyphen4tOztpF6TSuQ5vmxQkzvDoX6StaFuXsrCZR92eJbyDSXR1S4vKR5ZYHhbxlfjANvTHig-zZIq0QuiP-yUH1dnDKHQ9IcVEx9esQBSKigMoJ/s128/bintang.gif);}

9. Save

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's

Related Post