Cara Menghilangkan Underline (Garis Bawah) Pada Link di Blogspot

Posted on
  • by
  • in
  • Label:
  • Logo Design by FlamingText.com
    Secara default link dalam blog ataupun website akan nampak terdapat garis bawah atau yang disebut underline. Hal ini berfungsi agar arah atau tujuan link/situs yang akan dituju lebih jelas. Namun jika agan kurang tertarik, underlink tersebut bisa dihilangkan. Caranya dengan menambahkan kode ini style="text-decoration:none" pada link tersebut, seperti contoh berikut ini:

    Tag default link:
    <a href="http://siniput.blogspot .com">tutorial blog</a>
    Hasilnya:
    tutorial blog

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

    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.



    Artikel Terkait:

    Related Posts Plugin for WordPress, Blogger...
     
    Copyright (c) 2012 Blogger templates
    Sponsored by : siniput.