Efek Zoom Pada Gambar / Memperbesar Gambar Pada Postingan Blog

On: 5:03 AM By: Dunia Kucing 1 comments

Mungkin sebagian orang tidak mau repot klik gambar pada postingan blog, dan mungkin ada yang pernah melihat postingan gambar ketika gambar di sentuh cursor otomatis gambar itu jadi berukuran besar.
nah bagaimana caranya?
maka dari itu ane sekarang mau posting artikel Efek Zoom Pada Gambar / Memperbesar Gambar Pada Postingan Blog.
langsung saja ya, ane gak terlalu suka basa basi hehehe. piss

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]>/b:skin>

.post img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 2px 2px 0; } .post img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }

5. Klik Simpan Template 

Nah sekain dulu ya, Terimakasih telah membaca artikel Efek Zoom Pada Gambar / Memperbesar Gambar Pada Postingan Blog.
Semoga bermanfaat.