Cara Membuat Gambar Membesar Saat Disentuh oleh Cursor pada Blogger

KeyzeX - Mungkin , dari sebagian orang atau sebagian Blogger sering melihat pada blog blog yang mereka kunjungi pada saat diarahkan Cursor pada Gambar , gambarnyapun mulai membesar. Banyak yang heran bahkan banyak yang ingin mencobanya. Dalam dunia Blogging fitur tersebut dinamakan Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur tersebut sangat disenangi oleh banyak blogger atau pengguna blog lainnya , Karna fitur tersebut bisa membersarkan otomatis tanpa di klik terlebih dahulu , untuk kekurangannya Image Zoom Effects ini dapat menggangu seseorang yang sedang membaca artikel dalam blog kita.

DEMO

Cara Membuat Gambar Membesar saat Disentuh oleh Cursor pada Blogger : 

1. Login dahulu pada Blogger agan
2. Klik Template pada Menu Blogger > Lalu Edit HTML
3. Cari Kode ]]></b:skin> , gunakan F3 Atau CTRL + F untuk mempermudah pencarian kode tersebut
4. Jika sudah ketemu , Pastekan Kode dibawah ini di atas kode berikut ]]></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. Jika sudah , Klik Simpan Template lalu refresh blog anda dan lihat hasilnya.

SEMOGA BERMANFAAT