Mengubah Ukuran Teks pada Hover Link

1 komentar
Pada posting sebelumnya saya telah menjelaskan kepada anda cara menghilangkan garis bawah pada link, Pada kesempatan ini saya akan membahas tetang cara mengubah ukuran teks pada hover link. Mungkin anda bingung, ko judul bahasan topik ini judulnya Mengubah Ukuran Teks pada Hover Link? Hover Link adalah ukuran Link yang berubah besar ketika Kursor Mouse diarahkan ke Link tersebut, bagaimana tertarik membuatnya, tenang saja kali ini kita akan sama2 belajar membuatnya




1.Logn in ke blogger.com
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.
Nb :  font-size: 150%; dapat diubah dengan ukuran yang anda inginkan.

1 komentar: