Terima kasih atas kunjungannya ke blog "jual marawis dan rebana", pada kesempatan kali ini saya akan membahas bagaimana cara menghilangkan garis bawah pada link ( anchor text).

Sebagaimana kita lihat bahwa pada umumnya template blog / blogspot menggunakan CSS Style untuk hyperlink dengan menampilkan garis bawah pada anchor text, dan jika kita menganggap bahwa tampilan garis bawah ini menggangu keindahan tampilan blog kita, maka kita bisa menghilangkan garis bawah ini dengan cara mengedit kode style sheet CSS pada template blog kita.

Untuk mengedit nya maka anda harus mengedit template HTML:
Masuk Ke dashboard >>> Design/Rancangan >>> Edit HTML, kemudian cari kode kode ( yang mirip) style sheet CSS berikut ini :
a:link {
color:#333333;
text-decoration:underline;
}

a:hover {
color:#333333;
text-decoration : underline;
}

a:visited {
color:#333333;
text-decoration : underline;
}

Berikut ini penjelasannya:
  1. Kode yang digunakan untuk tampilan link di blog:
    a:link {
    color:#333333;
    text-decoration: underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya akan berwarna dengan code #333333; dan ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none", sehingga kodenya menjadi:
    a:link {
    color:#333333;
    text-decoration:none;
    }
  2. Kode yang ditampilkan untuk Link di Blog pada saaat disentuh oleh mouse:
    a:hover {
    color:#333333;
    text-decoration : underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya Jika disentuh oleh mouse (diatasnya) maka:
    • link akan berwarna hitam dengan code #333333; maka jika kita akan menggantu tampilan dengan warna lainnya, misalnya dengan warna orange, maka kita ganti code #333333 menjadi #ff7f00
    • ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none",
    • sehingga kodenya menjadi:
      a:hover {
      color:#ff7f00;
      text-decoration : none;
      }

  3. Kode yang ditampilkan untuk Link yang sudah pernah dikunjungi oleh suatu komputer: Blog :
    a:visited {
    color:#333333;
    text-decoration : underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya yang sudah pernah dikunjungi oleh sebuah komputer :
    • link akan berwarna hitam dengan code #333333; maka jika kita akan mengganti tampilan dengan warna lainnya, misalnya dengan warna biru, maka kita ganti code #333333 menjadi #6600cc
    • ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none",
    • sehingga kodenya menjadi:
      a:hover {
      color:#6600cc;
      text-decoration : none;
      }
Jika sudah selesai mengeditnya sesuai dengan keinginan kita maka simpanlah template kemudial lihat perubahannya.

Demikianlah sekilas tips gaimana cara menghilangkan garis bawah pada link ( anchor text) dari saya semoga bermanfaat.

Artikel lainnya: