Efek Gambar Membesar di Blog

Efek Gambar Membesar di Blog - Sudah lama BLOGNYA SI IMIN tidak memposting mengenai tutorial blog. Maka dari itu kali ini BLOGNYA SI IMIN akan membagikan informasi kepada pembaca sekalian tentang bagaimana cara membuat efek gambar membesar di Blog ketika disorot mouse. Langsung saja tidak usah basa-basi. Ikuti langkah di bawah ini:

1. Login Akun Blogger kalian
2. Klik Rancangan lalu pilih Edit HTML.
3. Kemudian cari kode ]]></b:skin>
4. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya lalu simpan templatenya.

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

Hasilnya akan seperti gambar di bawah ini, silahkan disorot dengan mouse.

Selamat Mencoba dan Semoga Bermanfaat ^^