Membuat Efek Zoom Pada Gambar Di Blog

Ingin mempercantik Blog anda ?
Tetapi anda bingung, apa yang harus anda lakukan untuk mempercantik blog kesayangan anda.
coba aja dengan memberi efek zoom pada gambar
maksudnya ?
maksudnya adalah jika cursor mouse ( pointer ) anda tertuju pada sebuah gambar, maka gambar tersebut aka melakukan zoom ( membesar ) secara otomatis.
Sudah mengerti kan ?
kalau anda berminat silahkan lakukan langkah-langka membuat efek zoom pada gambar di blog berikut ini :

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

Selesai, sekian tutorial Membuat Efek Zoom Pada Gambar Di Blog
Semoga bermanfaat :)

Artikel Terkait:

Posted in: Blog tutorial