Tuesday, April 11, 2017

Menghilangkan Garis Bawah Link

Menghilangkan Garis Bawah Link


Ketika kursor mengarah ke suatu karakter, ada dua perbedaan antara tulisan yang mendapat garis bawah dan tanpa memiliki garis bawah. Nah untuk tulisan yang mendapat garis bawah tersebut berisi link, biasanya dibarengi dengan perubahan warna tertentu. Jika hal tersebut dianggap kurang sedap dipandang, yakni ingin menghilangkan link yang dimaksud dapat dilakukan dengan 2 pilihan cara. Akan diurai sebagai berikut.

1. Masuk ke akun blogger.

2. Pilih Rancangan, lalu klik Edit HTML. Beri tanda centang pada kotak Expand Template Widget.

3. Cari kode seperti di bawah ini. Agar lebih cepat proses pencariannya, gunakan kotak find dengan cara menekan tuts Ctrl+F.
  • Cara Pertama
a:visited{
color: #2255aa;
text-decoration:underline;
}
  
a:hover{
color: #000000;
text-decoration:underline;
}

Ganti tulisan underline; dengan none; kira-kira tulisannya jadi seperti ini text-decoration:none;. Pewarnaannya juga dapat dikreasikan sesuai selera. Pada kode yang bertuliskan color: #2255aa; adalah tampilan warna pada link yang pernah diklik, sedangkan colour: #000000; adalah tampilan warna link ketika disorot oleh kursor.
  • Cara Kedua
Taruh kode berikut ini, tepat berada di atas kode ]]></b:skin>

a:link, a:active, a:visited, a:hover{
text-decoration:none;
}

4. Jika sudah mengganti atau menambah kode tersebut, klik tombol Simpan Template maka proses pengerjaan telah selesai.


Available link for download