How To Stop Blogger From Adding Margin or Border in Images

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.