Add Image Zoom Hover Effect to blogger

6:29:00 PM |

1. Paste below code before ]]></b:skin> tag

/*URL: */
.hovergallery img{
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
opacity: 0.7; 
margin: 0 10px 5px 0;

.hovergallery img:hover{
opacity: 1;
Now you can add this zoom hover for your image. ill give a example to do this
2. Click on "Posting" >> "New Post" and  go to edit HTML

<a class="hovergallery" href="" target="_blank">
<img src="
/AAAAAAAAAOg/ZjqasXcFpxo/s1600/blogger.jpg" /></a>