} -->

22

Tutorial Blog

Artikel Terkait :

Cara menambah Kotak Komentar Facebook di Blog
Cara Update Status Facebook Otomatis dari Blog
Cara membuat Face Book Send Button & Like Button
Cara memasang Alqur'an Digital di Blog
Cara membuat Slide Postingan
Cara membuat Headline News di Blog
Cara Membuat Blog
Cara memasang Banner Flash di Blog
My Home
Cara memasang Chat Shoutmix di blog
Cara memasang Google Earth di Blog
Cara Memasang Radio Online di Blog
Cara membuat Banner berjalan di Blog
Cara membuat kotak/menu scroll di blog
Cara membuat Label Scroll
Cara membuat Link New Tab
Cara Membuat Lipatan Halaman Blog
Cara Membuat Script/kode tukar link
Cara Membuat Text Berjalan
Cara membuat tulisan link berkedip warna-warni
Cara Memodifikasi Tampilan Link di Blogger/Blogspot
Cara Mengatur Posisi Gadget
Cara Menghapus Header
Cara menghilangkan Navbar
Cara pasang TV di Blog
Membuat Banner Flash Dengan FlashVortex
Membuat Kotak Facebook Fan di Blogspot
Membuat Menu Horizontal dengan Kotak pencarian
Menghilangkan Garis Bawah Link
Pasang Jam di Blog


Menghilangkan Garis Bawah Link

Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila kita mau. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya sobat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :


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

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

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


Agar menjadi faham, akan saya uraikan :


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

kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.


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

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.


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


Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.


Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :

text-decoration:underline;

Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :

text-decoration:none;

Dari pengertian tadi diatas tentu saja kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? apakah apabila sebuah link pernah di kunjungi atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah? ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none, gampang bukan?
selamat mencoba dan semoga bermanfaat
dikutip dari blog kang rohman http://kolom-tutorial.blogspot.com/2007/07/menghilangkan-garis-bawah-link.html