Menghapus underline pada link/tautan di blog

Sebelumnya saya sudah memposting tentang salah satu cara mempercantik blog, yaitu dengan menambahkan background gambar di template. Nah, underline/garis bawah pada link juga dirasa dapat mengurangi keindahan blog, makanya sebagian kita ingin menghapus/menghilangkan underline pada link tersebut. Untuk caranya dapat sobat lakukan seperti langkah di bawah ini:

Langkah #1
Seperti biasa, login, klik TEMPLATE untuk blogger classic, atau klik LAYOUT/TEMPLATE ==> EDIT HTML untuk blogger baru.

Langkah #2
Cari kode berikut di bagian atas template di bawahnya <head>
a:link {
color:$linkcolor;
text-decoration:none;
} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:$titlecolor;
text-decoration:underline;

Langkah #3
Yang membuat link di blog kita ada underline (garis bawah) atau tidak ada underline adalah sbb:
#a. text-decoration:none; untuk membuat link tidak memakai underline
#b. text-decoration:underline; untuk membuat link memaki underline.

Keterangan tambahan:
1. a:link artinya link yang tampil di blog kita.
2. a:visited artinya link setelah diklik
3. a:hover artinya link ketika mouse kita arahkan ke link tsb.
Nah, dari keterangan di atas (#a dan #b) sobat tinggal merubah kode setelah "text-decoration" dan Jangan lupa setelah membuat perubahan, klik SAVE. Selesai.
Selamat mencoba....

Related Posts by Categories

2 comments: