Membuat Efek Zoom pada Gambar di Blog

Mungkin kalian sudah sering melihat gambar blog yang menggunakan widget ini. Ini adalah widget yang dimana jika kita meletakkan kursor kita ke gambar, maka akan terlihat efek zoom pada gambar tersebut. Widget ini sangat cocok apabila anda mengambil tema yang banyak mengandung unsur Image-nya. Ingin membuat Widget tersebut? Silakan ikuti langkah-langkah dibawah ini. :)



Silakan Login ke blog sobat, lalu masuklah ke dashboard blog sobat. Pilih Template , Lalu Edit HTML.

Langkah Pertama : Carilah code ]]></b:skin>, Lalu Copy dan Paste Code dibawah ini diatas code ]]></b:skin>.

.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); }

Langkah Kedua : Simpan Template :)