How to add Zoom Effect image in blogger

This will zoom image when you bring mouse over it. It is a simple trick using CSS to add zoom effect plugin to Blogger.

For demo see our Blog.

To add Simkple Zoom Effect in your Blogspot image:

• Go to your blogger.
• Click on Template >> Edit HTML.
• find ]]></b:skin> and paste the following code above/before it.

.post-body img{
transition:all 0.5s;}

.post-body img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;}

• Save Template.
• You are done...

See preview..
Ket Term: How to zoom image in blogger, Zoom image using CSS Code, Css tag to zoom image