Cara Membuat Efek Zoom Pada Link Blog - Pada artikel sebelumnya telah dijelaskan tentang cara membuat efek zoom pada gambar postingan blog dengan tujuan agar tampilan blog Anda terlihat lebih menarik. Untuk menambah daya tarik blog Anda, maka pada artikel berikut ini akan dijelaskan cara membuat efek membesar pada link blog.
Sama seperti membuat efek zoom pada gambar blog, efek zoom pada link blog akan membuat setiap link yang ada pada blog Anda akan membesar secara otomatis saat disentuh kursor. Berikut ini cara membuat efek membesar pada link blog yang dapat Anda lakukan :
1. Login ke blog Anda.
2. Pada menu navigasi, klik "Tema" > kemudian klik "Edit HTML".
3. Pada area html tema, cari dan temukan kode a:hover{. Untuk mempermudah pencarian, gunakan tombol Ctrl+F di keyboard komputer Anda. Pada kolom pencarian, tuliskan kodenya kemudian Enter.
Contohnya seperti dibawah ini :
a:hover{color:#222222;text-decoration:none;outline:none;}
4. Pada akhir kode tersebut, tambahkan karakter font-size:18px;
a:hover{color:#222222;text-decoration:none;outline:none;font-size:18px;}
Atau contoh lainnya seperti berikut ini :
a:hover {
color:#d2691e;
font-size:10px;
font-style:italic;
font-family: Arial,Helvetica,Sans-serif;
}
color:#d2691e;
font-size:10px;
font-style:italic;
font-family: Arial,Helvetica,Sans-serif;
}
Ganti nilai font-size:10 menjadi 18:
a:hover {
color:#d2691e;
font-size:18px;
font-style:italic;
font-family: Arial,Helvetica,Sans-serif;
}
color:#d2691e;
font-size:18px;
font-style:italic;
font-family: Arial,Helvetica,Sans-serif;
}
- Angka 18 merupakan angka pembesaran, semakin besar maka efek zoomnya akan bertambah besar. Silahkan ganti sesuai keinginan Anda.
5. Setelah selesai mengubah kode, klik "Simpan tema".
6. Selesai dan lihat hasilnya.
Itulah Cara Membuat Efek Zoom Pada Link Blog yang dapat Anda lakukan. Sekarang blog Anda terlihat lebih menarik. Semoga bermanfaat.
Share artikel... !
