Merubah Ukuran Ukuran Text Link Saat Disorot Kursor

 
' Pada kesempatan ini saya akan membahas tetang cara mengubah ukuran teks pada hover link.
Mungkin anda bingung maksud dari posting atau judul posting saya kali ini, kalau begitu akan saya sedikit jelaskan mengenai Hover link. Hover Link adalah ukuran Link yang berubah besar ketika Kursor Mouse diarahkan ke Link tersebut, bagaimana? apa anda tertarik membuatnya?
Jika anda masih bingung bagaimana jadinya nanti bila sudah diterapkan pada blog anda, anda bisa melihat contohnya dengan mengarahkan kursor pada link apa saja di blog saya ini, akan terlihat bukan perbedaannya?

Baiklah kita langsung saja masuk pada langkah-langkah dalam membuatnya :


1. Logn in ke blogger
2. Jika sudah masuk kehalaman Dashboard, klik link Tata letak, lalu pilih Edit HTML
3. Pada halaman Edit HTML, carilah kode dibawah ini

a:hover, a:active {
color: #3C78A7;
text-decoration:none;
}


4. Lalu ubah menjadi kode dibawah ini


a:hover, a:active {
color: #3C78A7;
text-decoration:none;
font-size: 150%;
}

5. Lalu klik SIMPAN TEMPLATE

Lihatlah blog anda, dan cobalah mengarahkan Kursos Mouse ke sebuah link, jika anda menempatkan kodenya dengan benar, maka Teks pada link tersebut akan menjadi lebih besar.

* ) Sebagai catatan anda bisa mengganti ukuran yang anda inginkan dengan mengganti kode "150%" dengan ukuran yang anda inginkan misal 120% atau berapapun yang anda inginkan :)

Selamat Mencoba
sunnah

blog copas