Cara Agar Gambar Di Blog Membesar Saat Diarahkan Cursor

Jika kalian ingin tampilan blog kalian agar lebih meraik lagi kalian harus mencoba yang ini, yaitu Cara agar gambar di blog Membesar saat diarahkan cursor yang biasanya disebut dengan nama "Zoom Effect atau Hover Zoom Smooth Effects".

Caranya :

1. Masuk ke akun blogger kalian.
2. Lalu klik template.
3. Klik Edit HTML.
4. Gunakan ctrl + f untuk mencari kode ]]></b:skin>
Kalau sudah ketemu, Copy Paste kode berikut tepat di atas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

5. Kemudia simpan template kalian.

Begitulah cara nya, semoga tips saya kali ini bermanfaat untuk kalian..