Membuat Link Membesar saat Kursor Melintas - Pada tutorial blog kali ini, sinahu coding akan berbagi
tutorial singkat dan sederhana untuk membuat tampilan blog lebih menarik dan dinamis.
Yaitu efek link membesar ketika ada kursor melintas. Pasti sebagian sudah ada
yang pernah melihat.
Jadi ini hanya sekedar aksesoris tambahan, tidak ada
hubungannya dengan pengaruh pada SEO dan lain sebagainya. Bagi yang tertarik
untuk menambahkan efek ini pada blog silahkan ikuti langkah-langkah mudahnya
berikut ini.
Cara Membuat Link Membesar Saat disentuh Kursor
1. Masuk ke akun blogger sobat.
2. Pilih Template > Edit HTML
3. Cari kode a:hover {
4. Ganti kode font-size dengan ukuran yang lebih besar.
Misal :
Diganti ukuran font nya menjadi seperti ini :
Pada beberapa template mungkin susunan kodenya tidak sama persis seperti itu. Tapi intinya terletak pada ruang edit a:hover { Ukuran font silahkan ditentukan sesuai selera. Pada contoh tersebut artinya bahwa ketika link dilalui oleh kursor maka akan membesar sebesar ukuran 18px.
Semoga yang singkat ini cukup bermanfaat dan menambah wawasan coding untuk kita semua.
Misal :
a:hover {
color:#d2691e;
font-size:10px;
font-style:italic;
cursor:wait;
}
Diganti ukuran font nya menjadi seperti ini :
a:hover {
color:#d2691e;
font-size:18px;
font-style:italic;
cursor:wait;
}
Pada beberapa template mungkin susunan kodenya tidak sama persis seperti itu. Tapi intinya terletak pada ruang edit a:hover { Ukuran font silahkan ditentukan sesuai selera. Pada contoh tersebut artinya bahwa ketika link dilalui oleh kursor maka akan membesar sebesar ukuran 18px.
Semoga yang singkat ini cukup bermanfaat dan menambah wawasan coding untuk kita semua.
0 Komentar untuk "Membuat Link Membesar saat Kursor Melintas"