Updated post editor: remove image border

First thing to note is that with the Blogger updated post editor, you can only upload pictures in the compose mode. To remove border from uploaded photo, you will need to edit the HTML used to display the photo and that you can only do in the Edit HTML mode where in place of the photo, you will see this script:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3JSOOrb_5SQmQ6BC4vkrkIO84O_SjkGEXUPsx7merVFrngN0aMDhvDLQ4bDUSO1TEyr8jddMXNzFR0ObRumYhw3KvkyY57aOYZShAWijUFiGU-Wfn9UE7S-9smkfEjfTUBEeNhBVa-3c/s1600-h/kimchi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3JSOOrb_5SQmQ6BC4vkrkIO84O_SjkGEXUPsx7merVFrngN0aMDhvDLQ4bDUSO1TEyr8jddMXNzFR0ObRumYhw3KvkyY57aOYZShAWijUFiGU-Wfn9UE7S-9smkfEjfTUBEeNhBVa-3c/s320/kimchi.jpg" /></a>
</div>

Now one would think that the attribute border="0" would ensure that the displayed picture would not have a border, but it does, as you can see in that photo of kimchi (Korean version of sauerkraut or fermented cabbage) above.

In order to make the border disappear you can add this attribute style="border:none;" to the <img> tag like this:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3JSOOrb_5SQmQ6BC4vkrkIO84O_SjkGEXUPsx7merVFrngN0aMDhvDLQ4bDUSO1TEyr8jddMXNzFR0ObRumYhw3KvkyY57aOYZShAWijUFiGU-Wfn9UE7S-9smkfEjfTUBEeNhBVa-3c/s1600-h/kimchi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img style="border:none;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3JSOOrb_5SQmQ6BC4vkrkIO84O_SjkGEXUPsx7merVFrngN0aMDhvDLQ4bDUSO1TEyr8jddMXNzFR0ObRumYhw3KvkyY57aOYZShAWijUFiGU-Wfn9UE7S-9smkfEjfTUBEeNhBVa-3c/s320/kimchi.jpg" /></a>
</div>

and the result of that edit is this photo minus the border:

Update: As a result of test removing border from images uploaded via Blogger I have found out that the attribute style="border:none;" must be placed before src="photo URL" and not after.

Update 2: "Hi Peter, How about adding an image border? Simply changing border="0" to border="5" or "10" and making sure my colors were correct didn't cut it. Please help."

My response: Since Blogger add border to images as a default, I suppose one does not need to do anything to have border with images and to prove that, I uploaded 2 photos, first with the updated post editor, then with the old post editor, both without editing the codes. As you can see below, both are framed with a border:

Related posts:
Related posts:
Images and the Blogger updated post editor
New Blogger updated post editor - Birthday gift?