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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4FZGV71ZDVijq9h9UR9GWpTqHtRVQKA8Fxz8U_yLTVermW23sMQf5_HdQJ2n2WjPFO-TCu_NfRvpEuiwwfc2F_oeoLEvCkwwyvXUX8z528ruOFIhgdSk2eUPALU4RqneX-tcwP8qpVax/s1600/link+berbintang.gif);
5. Kodenya akan menjadi seperti ini. a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4FZGV71ZDVijq9h9UR9GWpTqHtRVQKA8Fxz8U_yLTVermW23sMQf5_HdQJ2n2WjPFO-TCu_NfRvpEuiwwfc2F_oeoLEvCkwwyvXUX8z528ruOFIhgdSk2eUPALU4RqneX-tcwP8qpVax/s1600/link+berbintang.gif);
}
6. Kemudian Simpan template.background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4FZGV71ZDVijq9h9UR9GWpTqHtRVQKA8Fxz8U_yLTVermW23sMQf5_HdQJ2n2WjPFO-TCu_NfRvpEuiwwfc2F_oeoLEvCkwwyvXUX8z528ruOFIhgdSk2eUPALU4RqneX-tcwP8qpVax/s1600/link+berbintang.gif);
}
Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.
0 komentar:
Posting Komentar