Menghilangkan dan Memunculkan Garis Bawah pada Link

Anda pasti pernah melihat kata-kata di halaman blog yang bergaris bawah, baik yang muncul secara permanen atau muncul ketika kursor terarah kepada kata-kata tersebut, misalnya seperti ini . Garis bawah menandakan bahwa kata-kata tersebut adalah kata yang memiliki link (tautan). Sebenarnya fungsi garis bawah adalah untuk mempertegas bahwa kata-kata tersebut memiliki link (tautan), itu saja.

Tapi, kadangkala garis bawah memang kurang estetik. Nah bagi yang tidak suka, tampilan garis bawah tersebut bisa dihilangkan, dan suatu saat bisa dimunculkan kembali. Anda hanya perlu mengganti kata-kata underline dengan none atau sebaliknya untuk melakukannya.
Lakukan langkah-langkah berikut untuk melakukan perubahan tersebut :

- klik Dashboard (panel depan) untuk masuk ke halaman Edit Template
- klik Layout (tataletak)
- klik Edit HTML
- Cari dan temukan kode di bawah ini:

a {color: $mainLinkColor; text-decoration: underline;}  
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}  
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

Ganti kata-kata underline dengan none (awas, jangan menghapus tanda baca yang ada di belakang atau di depannya)
Jika ragu atau mau melihat terlebih dahulu perubahannya klik tombol PREVIEW. Jika sudak okay, klik SAVE TEMPLATE
Gampang banget!

0 comments:

Post a Comment

  © Blogger templates Tutorial Update Template by Ourblogtemplates.com 2009 ALFmalik

Kembali ke: ATAS