Kalian pasti tau kan apa itu Hover Link? Kalau belum tau saya jelasin dulu yah. Hover Link adalah suatu link yang berisi sebuah tautan atau halaman baru jika kalian klik sebuah link tersebut, sekarang ngerti kan! Saat kalian mengarahkan kursor mouse pada suatu link, tentunya kita akan melihat ukuran teks yang itu-itu saja atau gak ada rubah-rubah nya, meni gak bosen itu-itu aja! Maka dari itu saya akan memberikan trik agar Hover Link menjadi berbeda, misalnya saja mengubah ukuran teks menjadi lebih besar saat kita mengarah kan kursor mouse ke suatu link tersebut, itu sangat mudah loh! Seperti biasa kita cuma menambah kan kode CSS nya saja!!!
Berikut Step-Step nya:
Pertama-tama Login ke Blogger.
Lalu Klik Dashbord, Lalu klik Layout atau Tatak Letak.
Kalau sudah masuk Layout, klik Edit HTML.
Sebelum menambahkan kode CSS, terlebih dahulu Download Template Lengkap takut salah kode yang ditambahkan nya!!!
Pada Edit HTML carilah kode berikut:
a:hover {
color: #CC0000;
text-decoration: underline;
}
Lalu tambahkan kode ini: font-size: 150%;
di bawah kode underline
Jelas nya seperti ini.
Sekarang coba kalian lihat hasil nya!!! Kalau berubah menjadi besar berarti kalian berhasil.
Sebelum di Tambahkan:
Sesudah di Tambahkan:
Selamat Mencoba.....
Home »
Tips and Trick
»
Mengubah Ukuran Teks Hover Link Pada Blogger
Mengubah Ukuran Teks Hover Link Pada Blogger
Subscribe to:
Post Comments (Atom)
Comments :
Post a Comment