How to Remove Image Border

When you put a picture on an article, sometimes the picture has a border or edge lines. Border is making a bad image. For that there are several ways that eliminate the border.

Sample images with border:

Sample images with no border:

Method 1 :

• Clikc Posting > New Post
  
• Upload your image.
• Click Edit HTML.
• Find this codes

...
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_AGch20oMB-A/SycQYMop_FI/AAAAAAAAAKM/17o3dwVq0FQ/s1600-h/Example.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="1" src="http://3.bp.blogspot.com/_AGch20oMB-A/SycQYMop_FI/AAAAAAAAAKM/17o3dwVq0FQ/s320/Example.jpg" /></a>
</div>
...

• Replace border="1" with border="0" 
• Save and finish.

Method 2 :

If using method 1, each include an image you must write the code. Make it easier to use method 2.

• Sign in blogger 
• Click Layout
  
• Click Edit HTML 
• Before do it backup your Template.
  
• Find this code, some templates may be different.

...
.post img {
padding:4px;
border:1px solid $bordercolor;
}
...

• Replace border:1px with border:0px 
• Save your template. Then if you upload your image border will always disappear.