Cara Membuat Gambar Membesar Saat Disentuh Kursor

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

Berikut Langkah-langkahnya :

1. Login Blogger
2. Klik Template > Edit HTML
3. Tekan Ctrl + F Cari kode berikut ]]></b:skin>
4. Copy kode dibawah ini, tempelkan tepat di Atas kode  ]]></b:skin>

.post img {
filter:alpha(opacity=100);  /* Internet Explorer */
 /* standard CSS3 */
-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.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

5. Terakhir Klik Simpan Perubahan dan Lihat Hasilnya :)