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/AVvXsEg-41DV-4lS05Oe3XbHKO17eBpZvZbX2dMiJJp4JJ-jz8yPBJDetrbsUGV9jsvu4mzoin1DwtznV0YlLUZ3s1aRXg-U3y0Rsyc8OPWxAb-jhCKnLm-OyWh7MHY1KNB-9RJMM467Mhh64-7r/s1600/link+berbintang.gif);
5. Kodenya akan menjadi seperti ini.
a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-41DV-4lS05Oe3XbHKO17eBpZvZbX2dMiJJp4JJ-jz8yPBJDetrbsUGV9jsvu4mzoin1DwtznV0YlLUZ3s1aRXg-U3y0Rsyc8OPWxAb-jhCKnLm-OyWh7MHY1KNB-9RJMM467Mhh64-7r/s1600/link+berbintang.gif);
}
6. Kemudian Simpan template.background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-41DV-4lS05Oe3XbHKO17eBpZvZbX2dMiJJp4JJ-jz8yPBJDetrbsUGV9jsvu4mzoin1DwtznV0YlLUZ3s1aRXg-U3y0Rsyc8OPWxAb-jhCKnLm-OyWh7MHY1KNB-9RJMM467Mhh64-7r/s1600/link+berbintang.gif);
}
Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.
0 komentar:
Post a Comment