gambar membesar saat di sentuh cursor

Terkadang sebagian peblogger akan melihat gambar dari blogger lain akan membesar saat disentuh cursor. dan menambah kesan menarik di dalamnya. bagi anda yang belum mengetahui caranya, sekarang jangan khawatir karena saya akan membagikan tutorial cara agar gambar membesar saat di sentuh cursor.
ikuti langkah-langkah berikut:

1. Masuk ke akun blogger saudara
2.  pilih TEMPLATE >>>> Edit HTML
3. cari kode ]]></b:skin>,   untuk mempermudah gunakan Ctrl+F pada keyboard.
4. kalau sudah ketemu kopikan kode berikut di atas kode  ]]></b:skin> tadi 

.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. terakhir , klik save/simpan template

dan lihat bagaimana hasilnya. selamat mencoba. semoga bermanfaat. keep blogging..