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