Cara Membuat Efek Zoom Pada Gambar Postingan

Cara Membuat Efek Zoom Pada Gambar Postingan di Blog - Tujuan Membuat Efek Zoom Pada Gambar Postingan di Blog adalah untuk membuat gambar yang ada dipostingan blog anda akan secara otomatis memberikan efek zoom (gambar membesar) jika gambar tersebut di sorot mouse. Untuk Membuat Efek Zoom Pada Gambar Postingan di Blog tidaklah susah, anda hanya perlu mengedit template blog anda untuk menambahkan sedikit kode saja. Berikut Cara Membuat Efek Zoom Pada Gambar Postingan di Blog :

1. Login ke Blogger
2. Klik Template » Edit HTML.
3. Cari kode ]]</b;skin> (gunakan Ctrl + F untuk mempermudah pencarian), lalu letakkan kode berikut ini tepat diatasnya.

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }

4. Simpan Template.

Catatan : jika pada template anda sudah ada kode  .post img:hover alangkah baiknya jika anda hapus terlebih dahulu kode tersebut sebelum anda menaruh kode diatas.

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit