Cara Memberi Efek Zoom Pada Gambar Di Blog

Cara Memberi Efek Zoom Pada Gambar Di Blog, Pada Postingan Sebelumnya saya memposting Cara memberi efek zoom berputar di blog, dan sekarang saya akan memposting Cara Memberi Efek Zoom Pada Gambar Di Blog , Apakah Berbeda? yahh jelas berbeda dong sobb..Apa Bedanya? bedanya adalah jika Cara memberi efek zoom berputar di blog saat cursor menyentuh gambar akan memberi efek berpuar sekaligus gambarnya nge-zoom, tetapi jika Cara Memberi Efek Zoom Pada Gambar Di Blog gambarnya hanya nge-zoom doang dan tidak berputar, langsung aja ke tutorialnya

1. Login ke Blog anda

2. Masuk menu Edit HTML

3. Cari kode ]]></b:skin>

4. Letakan kode dibawah ini tepat diatas 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. Simpan template
6. Semoga Bermanfaat, Selamat Nge-Blog