cara membuat gambar membesar saat disentuh kursor pada blogger

kali ini Rizal mau mengajarkan gimana langkahnya agar saat gambar disentuh kursor gambar bisa membesar seperti yang sudah saya lakukan di blogger saya ini sobb
nnnaaaahhh.... langsung aja ya sob gaush panjang X lebar lagi



Pertama..... sobat harus login dlu ke Blogger sobat
kemudian pilih Template lalu klik Edit HTML , lalu cari kode ]]></b:skin> untuk mempercepat pencarian tekan saja Ctrl+F soobb :-)

jika sudah ketemu letakkan kode berikut diatas  kode ]]></b:skin>, seperti gambar dibawah ini soobbb

.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); }

nnaaaahhh setelah itu klik simpan Template sobb
kemudian kita lihat saja blogger kita soobbb pasti sudah bisaaaa :-)

mudahkan ? selamat mencoba sobat :-) :-)