Cara Membuat Efek Zoom Pada Gambar Blog

Dengan memasang berbagai efek pada blog kita, maka akan membuat blog kita tampil beda. Salah satnya adalah dengan memasang efek zoom pada gambar blog. Dengan cara ini akan membuat gambar pada postingan blog kita akan terlihat membesar ( zoom )

Untuk dapat seperti memasang efek zoom pada blogspot, maka kita hanya mengikuti beberapa langkah di bawah ini

Login ke akun blog kita > Rancangan > Edit HTML > expand widget

Cari kode       ]]></b:skin>

Paste kan kode di bawah ini tepat diatas            ]]></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: 36px 12px;

-moz-border-radius: 36px / 12px;

-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

}

Sekian dulu postingan kali ini semoga bisa bermanfaat, dan selamat mencoba.

Terima kasih telah singgah di blog ini dan membaca artikel mengenai cara pasang efek zoom pada gambar blogspot