Example of generated HTML for every image :
<a href=”(link URL)” style=”margin-left: 1em; margin-right: 1em;”>
<img src=”(image URL)” />
</a>
Add the following below CSS in your blog :
To add CSS , Go To Blogger Dashboard > Your blog > Template > Customise > Advanced > Add CSS
.separator a {
margin-left: 0 !important;
margin-right: 0 !important;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
Hope you might have not facing any problem related to this tutorial. If any error or problem occurs to you then you can ask your queries in comments.