Cara Menghilangkan Underline (Garis Bawah) Link di Blogspot

Pada waktu membuat link di blog biasanya pada tampilan link tersebut terdapat garis bawah. Ada sebagian sobat yang tidak menyukai keberadaan garis bawah tersebut,karena dianggap sedikit mengganggu pandangan.

Sebenarnya kita bisa menghilangkan garis bawah link tersebut. Jika sobat ingin menghilangkan tampilan garis bawah tersebut,yang saya tahu di sini ada dua cara:
Cara pertama:

    Jika sobat menuliskannya seperti ini maka akan terdapat garis bawah:
    <a href="http://www.alamat.com">garis bawah</a>
    Jika ingin hilangkan garis bawahnya tambahkan kode style="text-decoration:
    none" seperti dibawah ini:
    <a href="http://www.alamat.com"style="text-decoration: none">tanpa garis

    bawah</a>

Cara kedua:
    Pada posisi edit HTML cari style sheet CSS yang kodenya mirip di bawah ini:
    a:link {
    color:c56a;
    text-decoration: underline;
    }
    a:hover {
    color:c60a;
    text-decoration: underline;
    }
    a:visited {
    color:c69a;
    text-decoration: underline;
    }
    Ganti yang berwarna biru dengan none hingga kodenya sebagai berikut:
    text-decoration: none;

http://activekita.blogspot.com/2010/01/menghilangkan-garis-di-bawah-link.html 

Cara Menghilangkan Underline (Garis Bawah) Link di Blogspot

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://buka rahasia.blogspot .com">tips-tricks blogger</a>

Hasilnya:
tips-tricks blogger

Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:

<a  href="http://buka rahasia.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.

Jika ada permasalahan dalam mengedit link, memberi aturan CSS, maupun dalam mengedit template HTML, silakan gunakan kotak komentar dan saya akan berusaha membantu semampu saya. Anda dapat juga mempelajari cara memberi warna berbeda pada visited link atau lihat secara lengkap tutorial modifkasi tampilan link di blogger/blogspot.

http://buka-rahasia.blogspot.com/2011/04/cara-menghilangkan-underline-link.html