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

Tweet

Anda Sudah Membaca Membuat Overline Pada Link / Garis Atas Pada Saat Link Disorot (Mouse Over) Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan share Facebook like diatas/sharing tool. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku. (MENCURI adalah pekerjaan PENGECUT ! © room-tutorial.blogspot.com)