Efek Zoom Gambar pada Postingan

Sebuah blog yang bagus adalah isinya yang berbobot lagi menarik. Namun tidak kalah pentingnya sebuah  blog juga harus menarik dari sisi tampilan, entah itu penataan header, menu, sidebar, footer, bahkan konsep penataan gambar dalam sebuah post. Dan berikut adalah salah satu cara dalam menyajikan tampilan gambar yang menarik pada laman posting dengan memanfaatkan kode HTML yang akan menghasilkan efek zoom. 

Trik ini sudah dicoba dan berhasil, bahkan terpasang juga dalam blog ini. Bilamana berminat untuk mencobanya silahkan ikuti langkah-langkah berikut ini :

 1. Login ke blogger

2. Masuk ke Rancangan --> Edit HTML

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

4. Paste kode dibawah ini diatas kode ]]></b:skin>
 

.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); }

5. Simpanlah template yang sudah diedit tadi.

Untuk melihat efeknya silahkan arahkan cursor mouse pada gambar di dalam posting blog, maka animasi zoom akan terlihat. 

Disarikan dari berbagai sumber dan telah teruji 100% berhasil.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email