Cara Buat Gambar Membesar Diarahkan Cursor atau jika diarahkan cursor. Gambar tersebut pasti membesar. Dalam dunia
blogging, fitur seperti ini sering disebut dengan nama Image Zoom
Effects atau Hover Zoom Smooth Effects.contohnya seperti gambar berikut:
(jika masih terpasang kode nya,kalau tidak membesar berarti saya sudah menghapus kode nya)
coba arahkan maus atau cursor sahabat ke gambar berikut:
berikut langkah-langkah nya:
- Masuk ke akun blogger sobat.
- Pada menu Drop Down, klik template.
- Backup terlebih dahulu template sobat.
- Klik Edit HTML dan klik Proceed.
- Gunakan CNTRL + F untuk mencari kode ]]></b:skin>
- Kalau sudah ketemu, Copy Paste kode berikut tepat di atas 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 template sobat.
Coba buka salah satu postingan blog sobat untuk melihat hasil dari fitur Hover Zoom Smooth Effects
semoga berhasil
mantap gan ringkas baget gk ribet ijin copas boleh :D
ReplyDeleteterima kasih atas kunjungannya, boleh di copas asal cantumkan subernya yah
DeleteThis comment has been removed by the author.
ReplyDeletemakasi ya sob .. back link yah...
ReplyDeleteterima kasih buat tips2 nya .. sangat membantu sekali
ReplyDelete