Cara Menambah Efek Bintang Berkedip Pada Link

Anda pasti bosan melihat link yang jika disentuh mouse akan tenang/ diam saja, pasti keinginan dari para blogger pasti ingin tampilan blognya menjadi indah/ enak dipandang mata. Dan dengan sedikit penambahan sedikit efek bintang berkedip ini akan membuat dampak yang sangat bagus bagi tampilan link anda saat disentuh mouse, terutama bagi blog mempunyai background gelap efek ini akan lebih enak dipandang mata. Trik ini bisa anda tambahkan pada blog anda sekarang juga dengan caranya bisa anda perhatikan dibawah ini :

1. Buka / masuk kedalam akun blog sobat 
2. Kemudian masuk ke menu template, kemudian klik edit html 
3. Kemudian cari kode berikut (pakai ctrl + f agar lebih cepat) 
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);
)
4. Ganti kode yang berwarna kuning dengan  kode dibawah ini
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD2Fl02sZ1qb0a7s2m8mLWBuyTt2ICSbsi_iYqEgZcAa7MDID0qC97Pv2b4LzlpbS6nmi1lM3A1PaqV05wYcag7CdocgWuU1OPtiVM8drW7VUH8aR8qNiNE6cyO7-ih67RpS3WUt7Abzz4/s128/bintang.gif);}
5.  Agar lebih jelas maka susunannya jika sudah diubah akan seperti 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/AVvXsEgD2Fl02sZ1qb0a7s2m8mLWBuyTt2ICSbsi_iYqEgZcAa7MDID0qC97Pv2b4LzlpbS6nmi1lM3A1PaqV05wYcag7CdocgWuU1OPtiVM8drW7VUH8aR8qNiNE6cyO7-ih67RpS3WUt7Abzz4/s128/bintang.gif);}
6. Kemudian klik save/ simpan

maka tampilan bintangnya akan seperti di bawah ini

Tweet

Fb

Postingan terkait:

Ditulis Raka — Monday, August 19, 2013 — Add Comment — Tutorial