Cara Membuat Efek Auto Zoom Image View

Selamat malam sobat gembel, kali ini membahas tentang Efek auto zoom image view, maksudnya adalah jika mengarahkan cursor (pointer cursor) ke arah gambar maka secara otomatis gambar akan mengalami zoom atau membesaran sizenya. Hal ini dapat memberikan keunikan dan membuat daya tarik blog anda menjadi lebih bagus. Pastikan blog anda tidak memasang terlalu banyak widget atau pernak-pernik yang berbobot sedang atau bahkan berat. Jika hal itu tidak di pedulikan dan anda tetap memasangnya secara berlebihan, maka bukan hasil yang bagus yang akan anda dapatkan. Justru hasilnya akan buruk dan berdampak negatif pada kualitas blog anda khususnya pada waktu loading.

Langsung saja untuk cara membuat efek auto zoom image view ini anda bisa mengikuti tutorial tentang cara membuat efek auto zoom image view berikut ini dengan baik

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".
   
3. Lalu pilih "Edit HTML"
4. Kemudian cari kode ]]></b:skin> (gunakan Ctrl+F untuk mencarinya) dan letakkan script CSS berikut ini tepat di atasnya!
.post img:hover {

-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
5. Lalu klik save/simpan template, selesai.

Demikian Cara Membuat Efek Auto Zoom Image View, swmoga bermanfaat.