Minggu, 24 Oktober 2010

Cara Menghilangkan Garis di Bawah Link

Tampilan standar Blogspot memberikan garis bawah pada setiap link yang terdapat pada blog. Garis bawah itu muncul saat kursor menyentuh link.
Tetapi jika kita lebih menyukai link hanya dibedakan dengan warna, maka garis bawah itu bisa dihilangkan.
Berikut langkah-langkahnya:
- Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Cari Css seperti di bawah:

a:link {
color:#6E6E6E;
text-decoration:underline;
}

a:hover {
color:#424242;
text-decoration:underline;
}

a:visited {
color:#ffffff;
text-decoration:underline;
}

Apabila sudah ketemu, ganti tulisan underline dengan none.
Hasilnya seperti di bawah:

a:link {
color:#6E6E6E;
text-decoration:none;
}

a:visited {
color:#424242;
text-decoration:none;
}

a:hover {
color:#ffffff;
text-decoration:none;
}


Selesai.....Simpan Template

Tidak ada komentar:

Posting Komentar