Cara Membuat Efek Berbintang pada Link Blog

Diposting oleh RahmaCantiiikz on Selasa, 27 Agustus 2013

Mengubah tampilan link pada blog sangat diperlukan jika Anda ingin membuat blog kesayangan Anda menjadi lebih berwarna dan menarik. Banyak tips dan cara mengubah tampilan link menjadi lebih menarik salah satunya dengan membuat efek berbintang pada link blog jika terkena kursor.

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 {
color:#FFFFFF;
text-decoration: underline;
}
4. Setelah ketemu ganti kode yang berwarna merah diatas dengan kode berikut.
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1kExqAI3UD5Axdkbgoxd-oEsTtF_5cbttS1taxPxX1J35iXflRnRV_GL3UeIFUfgT9udLGoktpUuTbsP_RTQXjyiCzCXaPD7a4SoUQpPMqwdoAQr82D263mgGCrFHw8S1YwQWH07vbPdr/s1600/link+berbintang.gif);
5. Kodenya akan menjadi seperti ini.
a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1kExqAI3UD5Axdkbgoxd-oEsTtF_5cbttS1taxPxX1J35iXflRnRV_GL3UeIFUfgT9udLGoktpUuTbsP_RTQXjyiCzCXaPD7a4SoUQpPMqwdoAQr82D263mgGCrFHw8S1YwQWH07vbPdr/s1600/link+berbintang.gif);
}
6. Kemudian Simpan template.

Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.

{ 0 komentar... read them below or add one }

Posting Komentar