Hyperlink / link tanpa garis bawah kadang tampak sebagai suatu tampilan yang menarik. Cara membuat link tanpa garis bawah tesebut adalah dengan menghilangkan garis bawahnya.
Berikut ini langkah-langkahnya.
1. Log in ke akun blogger.
2. Setelah masuk ke akun blogger, kemudian klik menu "Rancangan" atau "Design".
3..Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template.
4. Centang kotak kecil yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.
5. Temukan semua kode berikut ini :
a:link {
color:$linkcolor;
text-decoration:underline;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:underline;
}
a:hover {
color:#660000;
text-decoration:underline;
}
a img {
border-width:0;
}
6. Copy semua kode berikut ini dan ganti semua kode di atas dengan kode berikut ini :
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#660000;
text-decoration:none;
}
a img {
border-width:0;
}
7. Simpan template.
8. Selesai!
Jika ada yang kurang jelas, silakan disampaikan. Jangan ragu-ragu lho.. Saya akan sangat senang untuk menanggapinya.
Terima kasih ...
Semoga bermanfaat ...
E-mail Catatan Ini Ke Teman Anda
Comments :
0 komentar ke "Menghilangkan Garis Bawah Hyperlink/ Link"
Post a Comment
Silakan berkomentar sesuka Anda. Namun jangan spam, berbau SARA, kekerasan, porno atau intimidasi terhadap orang lain. Komentar yang melewati batas akan di hapus. Terima kasih.