Home » , , » Cara Memberikan Efek Zoom Blog

Cara Memberikan Efek Zoom Blog

memberikan-efek-zoom-pada-blog

Kita pernah belajar tentang membuat efek gambar bergetar dan kali ini  kita akan membahas tentang cara membuat efek zoom pada gambar postingan blog.

Memberikan efek zoom pada gambar postingan blog selain mempercantik tampilan blog, pengunjung tidak perlu lagi melakukan klik pada gambar jika ingin melihat gambar dengan jelas karena gambar akan membesar ketika disentuh kursor.

Cara memberikan efek zoom pada seluruh gambar dalam posting blog.

1. Login ke akun Blogger Anda
2. Masuk ke bagian Template >> Edit HTML.
3. Carilah kode ]]></b:skin> dengan menggunakan tombol ctrl+F ,
4. Letakan kode berikut di atas 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. Klik simpan dan lihat hasilnya

Maka semua gambar yang terdapat dalam posting blog telah memiliki efek zoom.

Selamat Mencoba !!!
Share this article :
Comments
0 Comments

0 comments:

Post a Comment

 
Support : Contact | Privacy Policy | Disclaimer
Copyright © 2014. Umstrie Duatiga.com - All Rights Reserved
Template Created by Mas Kolis Published by Umstrie23.com
Proudly powered by Blogger>