LABA-LABA BLOG

Kamis, 28 Februari 2013

Cara Menghilangkan Garis Bawah Pada Link Di Blog

Link di dalam blog ataupun website secara default akan nampak memiliki garis bawah (underline). Terkadang tampilan ini terlihat kurang elegan dan terlalu menonjol. Template blogger yang natural, belum diberi aturan CSS untuk menghilangkan uderline (garis bawah) link dan akan nampak seperti contoh berikut:

Tag default link:

<a href="http://muhammadagielk.blogspot .com">tips-tricks blogger</a>
Hasilnya:
tips-tricks blogger

Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:
<a  href="http://muhammadagielk.blogspot .com" style="text-decoration:none">tips-tricks blogger</a>
Hasilnya:
tips-tricks blogger

Jika ingin mengubah semua link dalam blog/website secara default dan otomatis tidak bergaris bawah (underline), maka anda harus mengedit template HTML:
1. Masuk Ke dashboard > Design/Rancangan > Edit HTML.
2. Cari aturan CSS link (a) seperti ini (biasanya berada di bagian atas namun setiap template tidak sama persis tergantung aturan link dan warna template yang digunakan):
a {color: #1C4991; dst.............}
3. Untuk membuat underline link hilang, tambahkan text-decoration: none; contoh:
a {color: #1C4991;text-decoration: none; dst.............}
4. Save template dan lihat hasilnya.

G+

1. Berkomentar haruslah sopan.
2. Jika ada kesalahan kata-kata dalam artikel saya, mohon dimaklumi.

Konversi KodeEmoticon


 
notifikasi
close
Beberapa link download serta link demo sedang dimodifikasi dan mohon maaf bila ada beberapa link download serta link demo yang belum dimodifikasi
OK