Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.
Blog anda juga dapat ditambah dengan trik ini. Cuma disarankan ubahlah
background blog anda menjadi lebih gelap agar bintangnya terlihat lebih jelas.
Berikut langkah-langkahnya :
Berikut langkah-langkahnya :
- Masuk ke Blogger.
- Pilih Rancangan kemudian klik Edit HTML.
- Backup dulu template anda, jika takut gagal.
- Cari kode ini pada template
anda :
/* Content
----------------------------------------------- */ - Scroll kebawah sedikit,
sampai ketemu kode ini :
a:hover {
text-decoration:underline;
color: $(link.hover.color);
(
- Tambahka kode dibawah ini
tepat dibawah kode tadi :
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAdcwkbenaVkFixSSBBDYCSxfhW4yft6qPq0sO1vHWVHSrAEBSLTdaA8EtJCGnKDmO42zeescTlJlotisO6ZUlMAO425eUIiF3LRy3z9Od_YsPwq9fAkVbZIutGkndR8ZAQtj1vK_gYwq/)
- Jika digabungkan kode asal dengan
kode yang ditambahkan, akan menjadi seperti ini:
a:hover {
text-decoration:underline;
color: $(link.hover.color);
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAdcwkbenaVkFixSSBBDYCSxfhW4yft6qPq0sO1vHWVHSrAEBSLTdaA8EtJCGnKDmO42zeescTlJlotisO6ZUlMAO425eUIiF3LRy3z9Od_YsPwq9fAkVbZIutGkndR8ZAQtj1vK_gYwq/)
(
- Tampilan image seperti dibawah ini :
- Ganti url image (yang berwarna merah) dengan image milik anda sendiri, atau jika belum punya silahknan copy kode diatas dan paste pada template anda.
- Klik tombol Simpan Template.
- Lihat Link pada blog anda serkarang.
