Today, I will share a simple tip on how to remove borders of the images you uploaded in blogger. First here are images with and without borders.
Image with border Image without border
See the difference? Now, here's how to do it.
1. After uploading the image, go to Edit HTML tab of your post editor.
2. You will then see the image code, like this
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICuZVbNiWLSyGgxTgQgWxQvgnZciKklGqQ3zEOATDLz0dXZhFScMUwbKywYzK9HrYTswzL5Fk_xW1zcrekhuKyfNjI99orOikvLyAlSKHmymjBgNqve2Qhnghk418CWzbrnY48aaM6Hs/s1600/email_64.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICuZVbNiWLSyGgxTgQgWxQvgnZciKklGqQ3zEOATDLz0dXZhFScMUwbKywYzK9HrYTswzL5Fk_xW1zcrekhuKyfNjI99orOikvLyAlSKHmymjBgNqve2Qhnghk418CWzbrnY48aaM6Hs/s320/email_64.png" /></a>
3. To remove the border, just change the border="0" to style="border:none;"
4. The code will now look like this
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICuZVbNiWLSyGgxTgQgWxQvgnZciKklGqQ3zEOATDLz0dXZhFScMUwbKywYzK9HrYTswzL5Fk_xW1zcrekhuKyfNjI99orOikvLyAlSKHmymjBgNqve2Qhnghk418CWzbrnY48aaM6Hs/s1600/email_64.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img style="border:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgICuZVbNiWLSyGgxTgQgWxQvgnZciKklGqQ3zEOATDLz0dXZhFScMUwbKywYzK9HrYTswzL5Fk_xW1zcrekhuKyfNjI99orOikvLyAlSKHmymjBgNqve2Qhnghk418CWzbrnY48aaM6Hs/s320/email_64.png" /></a>
5. You can now continue writing your post and when you're done, click Publish Post.
Here's another customization for your uploaded images, make the image unclickable or removing the image hyperlink.
