Cara Memperbesar Gambar saat Disentuh Cursor/Pointer

Assalamualaikum wr.wb

Halo... semuanya :D. Kali ini saya akan membagikan sebuah trik Blog. Yaitu "Cara Memperbesar Gambar saat Disentuh Cursor/Pointer". Ok langsu
ng saja caranya ya...

1.Masuk ke Blogger sobat
2.Pilih Template, dan klik edit html
3.Cari kode  (Kalo susah carinya, tekan CTRL+F)
4.Pastekan kode dibawah ini yang berwarna merah ke atas kode 
5.Simpan Template, dan lihat hasilnya

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

Demikianlah yang dapat saya share. Bila ada yang ingin ditanyakan, silahkan tanya pada kolom komentar.
Sekian dan terimakasih.
Wassalamualaikum wr.wb