How to apply zoom effect to your picture in your post

How it works.. ?? You can see here.. Try to move your cursor above the picture and you can see what will happen.. The picture will be enlarged by itself.. Do you want to know how to make it.. ??

1. Log In to your Blogger Account ..
2. Go to Template and click Edit HTML ..
3. Find ]]></b:skin> [use ctrl+f to make it easy] ..
4. And then, Copy this code and Paste it above ]]></b:skin> ..

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3)  ;
-ms-transform: scale(1.2)  ;
transform: scale(1.3) ;}

Note : if you find .post img:hover please delete it..

Last, click Save Template and see in your blog..