Thursday, June 17, 2010

Test remove border image old post editor

Testing removing border for a blogger for image uploaded via the old Blogger post editor using instructions from Remove image border for images uploaded via Blogger updated post editor:

HTML to display image above:

Update: As a result of testing, I have found out that the inline CSS style="border:none;" must be placed before src="photo URL" and not after, preferably immediately after img. The HTML code below will result in image with a border. The image from the photo above is not displaying a border because style="border:none;" was moved. For more details, refer to remove border from photos uploaded via Blogger photo upload icon.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="" style="border:none;"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" src="" alt="" id="BLOGGER_PHOTO_ID_5481529183870059394" style="border:none;" border="0" /></a>

HTML to display the photo below is take from How to remove border from images uploaded via the new updated Blogger post editor:

<div class="separator" style="clear: both; text-align: center;">
<a href="" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img style="border:none;" border="0" src="" /></a>

The HTML to display the image below is taken from How to remove border of images uploaded via old Blogger post editor (with HTML below the photo:

HTML in the scroll box below:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href=""><img style="border:none;" "display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="" border="0" alt="Sibu Island, Johore 800x400px" /></a>

No comments: