Membuat Overline Pada Link / Garis Atas Pada Saat Link Disorot (Mouse Over)

Sudah banyak sekali postingan2 para Blogger yang membahas tentang modifikasi link, setelah saya liat di postingan saya belum ada ... Iseng saja mo buat postingan ini skalian tambah koleksi he3 ... Modifikasi link yang akan saya tulis kali ini adalah trik sederhana mengenai overline atau munculnya garis atas jika link di sorot.

OK lansung saja :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari kode a:hover { dan 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;}

Yang berwarna merah menunjukkan jika link di sorot akan keluar garis di atas (overline) dan dibawah (underline) text.
4. Simpan Template.

untuk penulisan linknya adalah sebagai berikut :

<a class="overlinelink" href="URL yang diinginkan">Label Link</a>

ganti yang berwarna merah diatas sesuai dengan URL kamu.

Selamat mencoba sobat ...