Membuat Overline/Garis Atas Saat Link Disorot (MouseOver)

Nah, iseng-iseng ane posting lagi nih. Sudah banyak saya bahas mengenai modifikasi link, antara lain adalah link membesar, link tertentu dengan warna tertentu, link menghilang, tanpa klik link terbuka, satu link muncul dua target, link dengan peringatan dan lain-lain. Untuk melihat efek efek link tersebut dan masih banyak lagi efek link klik Modifikasi Link. Kali ini saya akan membuat trik ringan mengenai overline atau munculnya garis atas jika link di sorot. Daripada berlama-lama mending saya beri contohnya dulu.

Klik ini untuk melihat contohnya di blog percobaa saya

Nah untuk membuatnya mudah sekali....
1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode a:hover {
5. Letakkan script beikut di atas a:hover {

A.overlinelink:link {color:#00CCFF; text-decoration:none;}
A.overlinelink:visited {color:#00CCFF; text-decoration:none;}
A.overlinelink:active {color:#00CCFF; text-decoration:none;}
A.overlinelink:hover {color:#FF8000; text-decoration:overline underline;}

Script berwarna merah menunjukkan jika link di sorort akan keluar garis di atas (overline) dan dibawah (underline) text...
6. Simpan Template

Nah, untuk penulisan linknya adalah sebagai berikut:

<a class="overlinelink" href="URLyangdiinginkan">LabelLink</a>

Selamat mencoba sobat... trik ringan nih hehehe...