Menghilangkan Garis Bawah Hyperlink/ Link

Sunday, June 6, 2010
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 ...

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.

Get Update

Masukkan alamat e-mail Anda pada kotak di bawah ini untuk mendapatkan update terbaru dan berlangganan catatan dari blog "The Notes Web" via e-mail :


Privacy guaranteed, we will never share your e-mail.

Komentar terbaru

Catatan Terbaru

Komentar Terbaru