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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPf1NWuRricYl-AtZx13G5DDr6Pk0Yn8c4s7bPdoK-78u5oQu9SBDcPvPfgtPYK1vW3toUh28vfmDrjXFwqv7XVUFf-Wbl87hYl2ihoVN_dcr52ySsgld5iRE2U-EMcP1Kr3gWKQaeI9-P/s1600/_DSC5044.jpg" style="border:none;"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPf1NWuRricYl-AtZx13G5DDr6Pk0Yn8c4s7bPdoK-78u5oQu9SBDcPvPfgtPYK1vW3toUh28vfmDrjXFwqv7XVUFf-Wbl87hYl2ihoVN_dcr52ySsgld5iRE2U-EMcP1Kr3gWKQaeI9-P/s400/_DSC5044.jpg" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXaOydhZoN32Y3R0hA3c96eGGfR94_vKoalP0LS1rBTq2Y5vOQerKpRnA14AODuwCAPgnnzvbDyM71tTL28n-hUAdYlxItDrPElFbWsGm4YLs0tHBAFrr6pxEJc4opYU7bbR4F3QgU-tg/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/AVvXsEiXaOydhZoN32Y3R0hA3c96eGGfR94_vKoalP0LS1rBTq2Y5vOQerKpRnA14AODuwCAPgnnzvbDyM71tTL28n-hUAdYlxItDrPElFbWsGm4YLs0tHBAFrr6pxEJc4opYU7bbR4F3QgU-tg/s320/kimchi.jpg" /></a>
</div>





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="http://photos1.blogger.com/x/blogger/1313/787/1600/396073/Sibu%20Island%20-%20Johore%20800x400px.jpg"><img style="border:none;" "display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/x/blogger/1313/787/400/161663/Sibu%20Island%20-%20Johore%20800x400px.jpg" border="0" alt="Sibu Island, Johore 800x400px" /></a>

No comments: