Zoom Effects

Dalam kesempatan kali ni ane akan coba share gimana  caranya supaya  gambar membesar sa'at di arahkan moush / krusor...Ceuk bahasa keren namah Image Zoom Effects atau ada juga yang bilang Hover Zoom Smooth Effects  ..
seperti contoh di bawah ini :

Ga usah panjang lebar langsung aza Nyo kita ke TKP :
______________________________________________
1.seperti biasa login ke akun bloger masing-masing.
2.padada menu drop down ,silakan pilih TEMPLATE .
3.backup dulu template ,(sekedar berjaga-jaga)
4.lalu klik  Edit Html ....
5.cari kode ]]></b:skin>:untuk memudahkan pencarian ,kita gunakan CNTRL + F

6.nah jika sudah ketemu ,silakan Copy Paste Kode di bawah Tepat di atas Kode ]]></b:skin>
==========================================
.post img, table.tr-caption-container { border:none; max-widh:560px; height:auto; -o-transition: all 0.5s; - moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0,6); }
============================================
7.simpan templet ,lalu lihat hasilnya......

selamat mencoba semoga berhasil
========================================