April 9, 2012

Cara Menghilangkan Garis Bawah Link Pada Blogspot-Underline Link

Menghilangkan Garis Bawah Link
Cara Menghilangkan Garis Bawah Link Pada Blogspot-Underline Link. Sebagian di antara teman-teman masih ada garis bawah pada tulisan yang mengandung link ada garis bawah-nya.

Bagi sebagian pemilik blog, mungkin garis bawah pada link itu tidak mengganggu. Namun sebagian kita ada juga menganggap bahwa garis bawah pada link itu agak mengurangi keindahan blog

Apakah teman-teman merupakan golongan yang tidak menyukai garis bawah pada link dan ingin menghilangkannya, Kali ini Laurencius mencoba Share Cara Menghilangkan Garis Bawah Link Pada Blogspot-Underline Link.


Berikut Caranya :
1. Login ke blogger
2. Klik Layout/Template –> Edit HTML
3. Cari kode berikut di bawah <head>
a:link {
color:$linkcolor;
text-decoration:none;
} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
Yang membuat link di blog kita ada garis bawah atau tidak ada adalah sbb :
  • text-decoration:none; untuk membuat link tidak memakai garis bawah 
  • text-decoration:underline; untuk membuat link memaki garis bawah.
Jadi, kita tinggal merubah kode setelah “text-decoration:”

4. Jangan lupa setelah membuat perubahan, klik SAVE
5. Selesai.

Catatan :
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.

Kalau kita mengetahui fungsi perintah diatas kita bisa merubah mana saja yang kita berikan garis bawah pada blog kita dan mana ingin kita hilangkan.

Related Posts

Cara Menghilangkan Garis Bawah Link Pada Blogspot-Underline Link
4/ 5
Oleh :

4 comments

kalo yang ini ijin nyimak sajalah,...sekaligus kunjungan siang

@deby putra bahrodin
Makasih kunjungannya Kang.

wah sy sempat berfikir tuh cara menghilangkan garis bawah pada link, akhirnya ketemu juga di blog sobat...

@Asis Sugianto
Ada yang suka dan ada yang tidak Kang.