Ads (728x90)

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).

http://www.public-domain-photos.com/free-cliparts-4/computer/actions/text_underline.png

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. Sumber

Posting Komentar

Blogger