8 April 2011

Tips menghilangkan garis bawah (underline) pada link di blogspot

Link pada umumnya terlihat berbeda dari text yang lain pada suatu paragraf. Di blogger (blogspot), default dari link adalah dengan tanda garis bawah pada suatu kata/kalimat baik itu link internal maupun eksternal. Ciri lain dari link yang membedakan dengan kata/kalimat adalah dimana link memiliki warna yang berbeda. Sebagai contoh, kata/kalimat pada suatu paragraf biasanya berwarna hitam dan link berwarna biru serta bergaris bawah. Bila cursor diarahkan/disetuh pada link maka link tersebut akan berubah warna misalnya dari warna biru berubah menjadi warna merah (tergantung jenis template yang di pakai).
Berbicara mengenai link, pada kesempatan kali ini saya coba berbagi tips sederhana untuk menghilangkan garis bawah (underline) pada suatu link yang biasanya ada di blogspot (bawaan template). Oke langsung saja dech...

Cara menghilangkan garis bawah pada link:

1. Login ke blogger dengan email dan password anda
2. Pilih tab rancangan terus klik edit HTML
3. Centang dulu Expand Template Widget, untuk mengabaikan perubahan yang tidak disimpan.
4. Cari kode dibawah ini
    text-decoration:underline;
5. Silahkan anda ganti tulisan underline dengan tulisan none.
Dibawah ini saya berikan contohnya:

Sebelum diganti (kode asal)
 /* Links Global */
a:link {
  color: $mainLinkColor;
  text-decoration:underline;

Setelah diganti (kode perubahan)
/* Links Global */
a:link {
  color: $mainLinkColor;
  text-decoration:none;
6. Di dalam template kode tersebut terdapat beberapa buah, silahkan cari dan ganti semuanya.

Catatan:
Jika garis bawahnya masih ada (setelah dilakukan perubahan) kemungkinan di template anda pada kode a:links{ dan a:visited{ tidak diberikan kode tersebut, jadi silahkan anda copas kode text-decoration:none; dan letakkan di dalamnya. Contohnya seperti ini:

Kode awal:
/* Links Global */
a:link {
  color: $mainLinkColor;
  }
a:visited {
  color: $mainVisitedLinkColor;
  text-decoration:none;
  }

Setelah ditambah kode:
/* Links Global */
a:link {
  color: $mainLinkColor;
  text-decoration:none; (ini kode yang ditambahkan)
  }
a:visited {
  color: $mainVisitedLinkColor;
  text-decoration:none;
  }

Setelah anda selesai mencari dan mengganti semua kode tersebut, silahkan di simpan dan coba jalankan untuk melihat hasilnya. Salam.

Artikel Terkait Lainnya



8 komentar:

Unknown mengatakan...

duh makasih mbak, dah pusing 7 keliling, akhirnya nemu disini juga petunjuk menghilangkan garis bawah link, saya dah coba dan berhasil, se-X lagi makasih mbak.
from me :http://kuberku.blogspot.com

Info Kita1978 mengatakan...

@isril: syukur dech klo underline dah bisa dihilangkan, terima kasih sudah berkunjung. Salam.

Batam Computer Service mengatakan...

udah gw praktekkin...berhasil...berhasil...horeeeeee

Info Kita1978 mengatakan...

@CESSA: oke bos, trims dah berkunjung. Salam.

staryus mengatakan...

wow...terimakasih, artikel yang sangat menarik saya tunggu artikel terbarunya

Unknown mengatakan...

mkasih gan.... berkunjung balik ya....
MalvinShare-This is Time for Sharing
Bisnisberjaya

TOKO ONLINE BARU mengatakan...

Mas kalau merubah agar link tidak berwarna biru gimana ya?

Anonim mengatakan...

kunjungan...
http://www.sdit-wahdatulummah.blogspot.com

Posting Komentar

PrevPage NextPage home