Membuat Efek Zoom Pada Gambar Di Blog

Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Efek Zoom Pada Gambar Di Blog.Mungkin dari beberapa sobat blogger sekalian belum mengetahui tentang Cara Membuat Efek Zoom Pada Gambar Di Blog dan ingin menerapkannya di blog sobat,membuat efek zoom pada gambar tang berada di dalam postingan blog kitasangat berguna,karena tampilan blog kita akan semakin menarik serta para pengunjung blog kita pun senang berada di blog kita.

Cara membuatnya pun tidaklah terlalu susah,sobat hanya membutuhkan beberapa menit saja untuk membuat efek zoom pada gambar di postingan blog sobat.Mau tahu caranya?.Silahkan Ikuti beberapa langkah berikut

Cara Membuat Efek Zoom Pada Gambar Di Blog
1.Login ke akun blogger sobat
2.Klik Menu Template/Rancangan
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari kode ]]></b:skin>  (agar lebih mudah mencarinya klik Ctrl+F)
6.Masukan kode berikut tepat di atas kode ]]></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); }

7.Klik Simpan Template

Coba sobat lihat hasilnya.Semoga postingan saya kali ini tentang Cara Membuat Efek Zoom Pada Gambar Di Blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

untuk review nya silakan klik link disini


SUMBER : www.andreykusanagi.com