Cara Menghilangkan Garis Bawah Link Pada Artikel

Minggu, 07 Oktober 2012

Hanya Ingin Berbagi - Pada artikel kali ini, tema yang akan saya tulis adalah cara menghilangkan garis bawah link pada artikel di blogger.  Secara default sebuah link yang disematkan ke dalam artikel di blogger akan ditampilkan dengan style underline atau garis bawah, sebagian para blogger tidak menyukai tampilan ini, dan dengan sedikit trik anda dapat menghilangkan garis bawah ini.

Berikut ini cara yang dapat dilakukan untuk menghilangkan garis bawah link pada artikel :


  • Login ke blogger dengan ID anda
  • Jika sudah berada pada halaman dashboard klik link Title blog anda
  • Pilih menu Template yang terletak di sebelah kiri halaman
  • Kemudian klik tombol Edit HTML >> Proceed
  • Selanjutnya cari kode CSS seperti di bawah ini

a:link {

color:#58a;

text-decoration:underline;

}

    • Ganti tulisan underline (warna merah) dengan none sehingga menjadi seperti ini
      a:link { color:#58a; text-decoration:none; }
    • Klik tombol Save untuk menyimpan perubahan dan periksa artikel yang mengandung link pada blog anda
    • Jika trik di atas berhasil maka garis bawah pada tulisan yang mengandung link dalam artikel akan hilang.  Garis bawah masih akan tampil jika pointer mouse diarahkan pada link ini, dan akan menghilang jika pointer mouse digeser menjauh dari link, jika anda ingin menghilangkannya secara permanen, cari lagi kode seperti di bawah ini.
      a:hover { color:#c60; text-decoration:underline; }
    • Ganti tulisan underline (warna merah) dengan none, lakukan seperti cara di atas.  Periksa lagi blog anda

    Tidak ada komentar

    Jangan Lupa Komentarnya

    Lisensi Creative Commons