Para blogger tentunya menginginkan tampilan blognya semenarik mungkin untuk membuat para pengunjung blog nyaman saat membaca artikel. Kali ini saya berbagi info cara memperbesar gambar di blog saat disorot mouse, efek zoom in terlihat pada gambar di postingan blog saat gambar tersebut disorot oleh mouse.
Caranya:
- Login dulu blogger
- Cari Template
- Klik Edit HTML, jangan lupa centang Expand Template Widget.
- Cari kode <head> , untuk lebih cepat tekan Ctrl+F maka akan muncul kolom search, ketik <head> dan enter. Maka akan langsung menuju kode <head> pada halamam HTML.
- Taruh kode ini di bawah <head> <style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
</style> - Simpan Template
Sekarang lihat blog kamu dan sorot salah satu gambar. Bagaimana hasilnya, mudah kan?
Tidak ada komentar:
Posting Komentar