Cara Memberi Efek Zoom Pada Gambar Di Blog


Cara Memberi Efek Zoom Pada Gambar Di Blog, Pada Postingan Sebelumnya saya memposting Cara memberi efek zoom berputar di blog, dan sekarang saya akan memposting Cara Memberi Efek Zoom Pada Gambar Di Blog , Apakah Berbeda? yahh jelas berbeda dong sobb..Apa Bedanya? bedanya adalah jika Cara memberi efek zoom berputar di blog saat cursor menyentuh gambar akan memberi efek berpuar sekaligus gambarnya nge-zoom, tetapi jika Cara Memberi Efek Zoom Pada Gambar Di Blog gambarnya hanya nge-zoom doang dan tidak berputar, langsung aja ke tutorialnya

1. Login ke Blog anda
2. Masuk menu Edit HTML
3. Cari kode ]]></b:skin>
4. Letakan kode dibawah ini tepat diatas kode ]]></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: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
5. Simpan template
6. Semoga Bermanfaat, Selamat Nge-Blog
BACA SELENKAPNYAhttp://henry-multimedia-informasi.blogspot.com/
Previous
Next Post »

4 komentar

Write komentar
Iam Yaoyao
AUTHOR
April 23, 2013 at 11:18 AM delete

Thank's Informasinya..

Reply
avatar
June 26, 2014 at 4:28 PM delete

oke deh sobat ganteng...... kunbal atuh bos,, hehe www.mahadewapulsa.com

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon