Code Efek zoom pada gambar postigan blog saat di sentuh mouse

Cara pasang code css efek zom pada gambar postingan,Gambar tersebut akan memunculkan efek zoom atomatis saat mouse di arahkan pada gambar (img).

Codenya seperti brikut:

1.login ke akun blogger anda
2.Masuk dhosbor blog anda
3.Klik edit html
4.Masukan code css berikut tepat di atas ]]></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.Kemudian save template anda.
6.setelah tersimpan silahkan buka blog anda dan arahkan mouse ke gambar posting di homepage anda jika tidak ada efek zoom mungkin ada kesalahan pada penerapan code css,Silahkan ulangi kembali. Semoga sukses