MEMBUAT EFEK BERBINTANG PADA LINK BLOG
Berikut ini kita akan membahas cara mengubah link menjadi efek yang berbintang. Ikuti langkah-langkahnya berikut ini :
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Tekan Ctrl + F kemudian cari kode berikut ini.
a:hover {
4. Setelah ketemu ganti kode yang berwarna merah diatas dengan kode berikut.
color:#FFFFFF;
text-decoration: underline;
}
background-image: url(http://2.bp.blogspot.com/-U M5I_oxn0M/UhxLUoKnYoI/AAAAAAAADzI/onX7mtfoDKI/s1600/link+berbintang.gif);
5. Kodenya akan menjadi seperti ini.
a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxHcJV_lQfQZMug6zKHj9Uv3L4ulMLzmne6Yk5OAbm2DKuIv3IgpT07aaf0OTQUc_j9UZz_LPZqNwltDT6P21CT0Y_znIkcQzTQ_7YkfbEoTuaIWRYcr4_0u499NVVcSQbo4zNYvtkF13/s1600/link+berbintang.gif);
}
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxHcJV_lQfQZMug6zKHj9Uv3L4ulMLzmne6Yk5OAbm2DKuIv3IgpT07aaf0OTQUc_j9UZz_LPZqNwltDT6P21CT0Y_znIkcQzTQ_7YkfbEoTuaIWRYcr4_0u499NVVcSQbo4zNYvtkF13/s1600/link+berbintang.gif);
}
6. Kemudian Simpan template.
Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.
0 comments:
Post a Comment