Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Blog

Assalamu'alaikum...
Ketemu lagi sobatblogger.
Pada postingan kali ini saya akan membahas tentang Cara Memperbesar Gambar Otomatis Saat Kursor Di Arahkan...

berikut adalah tutorial supaya gambar di blog membesar/zooming secara otomatis saat kursor diarahkan.

Baiklah untuk lebih jelasnya Cara Memperbesar Gambar Saat Disorot Mouse berikut contohnya, silahkan arahkan pointer mouse pada Gambar dibawah ini :

- Masuk ke dashboard blogger atau akun anda lalu pilih template
- Pilih Edit HTML
- Jangan lupa centang tulisan EXPAND TEMPLATE WIDGET
- Cari kode ]]></b:skin> dengan menggunakan CTRL+F
- Copy dan Paste 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); }

- Simpan perubahan
- Selesai

Please Give Us Your 1 Minute In Sharing This Post!

SOCIALIZE IT →

Tweet

SHARE IT →

Powered By: BloggerYard.Com