Sunday, September 19, 2010

Article | 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/AVvXsEiJV67RFlM9jjIiG9oiX3EVVFQBYuZE3hY8V5JAkraSEOP6HghDJUxMy41qXsz8FVNrzSsyOO4F8yr8tWghxroBPQd1DE1se_4OsRG8UoVFBAadt4EN1PWzAn7cRdyneHWlctr3KszgHx8/s1600-h/kimchi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJV67RFlM9jjIiG9oiX3EVVFQBYuZE3hY8V5JAkraSEOP6HghDJUxMy41qXsz8FVNrzSsyOO4F8yr8tWghxroBPQd1DE1se_4OsRG8UoVFBAadt4EN1PWzAn7cRdyneHWlctr3KszgHx8/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/AVvXsEiJV67RFlM9jjIiG9oiX3EVVFQBYuZE3hY8V5JAkraSEOP6HghDJUxMy41qXsz8FVNrzSsyOO4F8yr8tWghxroBPQd1DE1se_4OsRG8UoVFBAadt4EN1PWzAn7cRdyneHWlctr3KszgHx8/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/AVvXsEiJV67RFlM9jjIiG9oiX3EVVFQBYuZE3hY8V5JAkraSEOP6HghDJUxMy41qXsz8FVNrzSsyOO4F8yr8tWghxroBPQd1DE1se_4OsRG8UoVFBAadt4EN1PWzAn7cRdyneHWlctr3KszgHx8/s320/kimchi.jpg" /></a>

</div>


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









Loading...

Comments :

0 comments to “ Updated post editor: remove image border ”

Top Views

BloggerTipsTemplates

CHICKLETS

Enter your email address:

Delivered by FeedBurner

Followers