Membuat Gambar Membesar Saat disentuh Cursor

Blogger Sukabumi - Apa kabar sobat? kabar baik pastinya, so..pastinya sobat pernah menemukan dan melihat gambar/image yang tiba-tiba menjadi besar ketika disentuh/sorot cursor mouse. Para blogger menyebutnya Image Zoom Effects/Hover Zoom Smooth Effects.

Saya perhatikan para blogger banyak yang memasang  fitur cantik ini di blognya,  dan ada tapinya yaitu  dengan memasang fitur image zoom effect dapat menggangu visitor yang sedang membaca postingan artikel kita. Apabila sobat berminat untuk memasangnya dapat mengikuti cara dan langkah di bawah ini :

• Masuk ke akun blogger sobat.
• Pilih Template > Edit Html.
• Sobat cari kode ]]></b:skin>  gunakan CTRL+F untuk memudahkan pencarian
• Apabila ketemu sobat copy dan paste/letakkan kode berikut tepat di atas kode ]]></b:skin>
  
  .post img, table.tr-caption-container { border:none; max-width: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); }
• Terakhir simpan template sobat.

Selamat mencoba dan semoga bermanfaat..