Membuat Efek Zoom Pada Blogger

Efek Zoom pada gambar Blog sangatlah berguna dan sangat mudah cara membuatnya. Efek Zoom ini bertujuan untuk memperbesar gambar yang ada pada Blog. Efek ini bekerja ketika cursor didekatkan ke gambar, secara otomatis gambar tersebut akan membesar. Hal ini dapat mempercantik Blog tentunya.

Memasang Efek Zoom pada Blogger

1. Login Blogger.
2. Pilih Template, Edit HTML.
3. Tekan Ctrl+F dan cari code ]]></b:skin>.
4. Letakkan CSS berikut di atas 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); }

Ganti (1.3) sesuai keinginan Anda dan berfungsi untuk merubah ukuran gambar saat didekati.
5. Save Template.

Share This :