Sebuah link yang tampil pada blog akan lebih menarik kalau kita mengubah sedikit penampilannya. Salah satu cara untuk mengatur penampilan link, dapat anda lihat pada : Menghilangkan Garis Bawah Link. Silahkan anda simak cara mengeditnya.Satu lagi cara menampilkan link agar berbeda dari biasanya, yaitu mengubah penampilan ketika kursor berada diatasnya. Ikuti langkah-langkahnya.
- Masuk ke Blogger.
- Pilih Tata letak.
- Pilih Elemen Halaman.
- Pilih Edit HTML.
- Cari kode untuk link seperti dibawah ini :
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
- Ubahlah kode link tersebut pada bagian
a:hover { misalnya seperti dibawah ini :
a:link {
color:$linkcolor;
font-size:12px;
cursor:default;
}
a:visited {
font-size:12px;
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
font-family :georgia;
color:#d2691e;
font-size:14px;
font-style:italic;
cursor:wait;
}
- Perhatikan perubahan kode yang berwarna, silahkan anda edit untuk tampilan yang berbeda
- Simpan template
Keterangan :
- font-size:12px; pada bagian a:link dapat anda tambahkan atau tidak bukan satu masalah.
- cursor:default; kata default bisa anda ganti dengan wait.
- font-size:12px; pada a:visited (link yang dikunjungi) bisa ditambahkan, juga boleh tidak ditambahkan.
- font-family :georgia; pada a:hover dapat anda ganti dengan jenis font lainnya seperti : arial, verdana, times ,trebuchet atau courier.
- color:#d2691e; : kode warna dapat anda ganti dengan jode warna kesukaan anda.
- font-style:italic; : kata italic dapat anda ganti dengan bold, underline atau variasi dari istilah font style itu.
- cursor:wait; : kata wait dapat anda ganti dengan default
Judul : Link Menjadi Besar Saat Disorot Mouse
Deskripsi : Sebuah link yang tampil pada blog akan lebih menarik kalau kita mengubah sedikit penampilannya. Salah satu cara untuk mengatur penampilan ...
