Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Menghilangkan Garis Bawah Pada Link di Blog

Menghilangkan Garis Bawah Pada Link di Blog
Sering kali kita memberikan link di blog, karena memang sebagian besar blog berisi link-link atau dalam bahasa indonesia disebut tautan. Link yang ada di blog ada yang mengarah ke halaman blog kita sendiri atau internal link dan link yang mengarah ke halaman di luar blog kita atau disebut eksternal atau outbond link.

Pada beberapa template bawaan atau upload-an sendiri sering dijumpai ada atribut underline atau garis bawah pada teks yang berlink. Tentu saja bagi sebagian blogger yang melihat atau pengunjung yang membaca itu terkesan kurang rapi dan bagus. Untuk itulah ada yang menghilangkan garis bawah pada link tersebut.

Ada banyak manfaat memberikan link, khususnya pada postingan, yaitu dengan memberikan link pada teks dengan bahasan yang terkait dengan tulisan yang sedang disajikan. Ada yang bilang memberikan link pada kata kunci yang kita inginkan bisa membuat posisi blog kita lebih baik di search engine. Untuk menghilangkan garis bawah pada link sangatlah muda, pada dasarnya ada 2 cara, yaitu:

Cara Menghilangkan Garis Bawah pada Link Tertentu.
Biasanya kode untuk memberikan link pada sebuah teks adalah seperti ini

<a href="http://kurniasepta.blogspot.com/">Belajar Ngeblog</a>

Sisipkan kode css style="text-decoration:none" sehingga menjadi

<a href="http://kurniasepta.blogspot.com/" style="text-decoration: none;">Belajar Ngeblog di BLOG</a>


Cara Menghilangkan Garis Bawah pada Semua Link.
Ini adalah cara mengubah semua link yang ada dalam blog secara default, sehingga secara otomatis semua link yang ada di blog menjadi tidak bergaris bawah (underline). Untuk itu maka kita harus mengedit HTML template blog, caranya yaitu:
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}

5. Simpan Template jika sudah selesai