This tutorial is how remove, change, delete border or outline around images or photos in blog post with Simple and Awesome Templates in Best trick to manage blog images border line easily to make changes in Templates. If you are using old interface blog template or custom template then i have already write a post about it if you want to do this then check the link in this you can manage older interface blogger template easily with adding code in blogger HTML coding.

How I Remove Or Change Blogger Post Image Border In Blogspot .

I have two main points or steps to removing or changing images borders in the blog post in Simple Templates. First method is how to remove the image border using Template Designer and next is how to remove the photo, pictures, images border line manually by changing the HTML code in the blogger templates.

Trick No#1 Remove Picture/Photos/Images Border line using Template Designer:

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 1
Go to
Go Template.
Click On the Customize Orange Highlighted Button.
Go to Advanced and click to Advanced link.
Go to Images and click here.
How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 2
Now you can see three color box.

  • Background Color.
  • Border Color.
  • Caption Text Color.

Where you can see the white arrow head click here to transparent the background of blog template.
When you click here you can see white box write with Transparent Tick it.
Now go to Border Color and also transparent it by checking the box.
Now next box is Caption Text Color if you give the pictures caption for better SEO for this you can manage the color of the caption text but it is normally black.
Click Apply to Blog to save your template changes.
Click to view blog and check out any post your blog post image border is disappear.

How Easliy/Simple To Manage Page Layout In Blogger Blogspot
How Easily Delete/Remove/Get Rid Blogger Blog Tricks In Blogspot
Simple | Easy Tutorial For Transfer Blogspot To Website 

Trick No#2 Changes Or Remove Images Border Outline By Changing HTML Code Manually:


In this trick you can just replace one code to make these changes and your all blog post pictures or images border is disappear and which you post in future then this also work in these post.

Go to
Go to Template.
Click To Edit HTML. if you have not aware new interface of Blogger HTML then click this link and read about more for make easily changes in your template also. How I Can Handle New Interface Of Blogger HTML Editor
First Get Back up your Blogger Template.
Find the code which is given below to find this code easily press Ctrl+F in between coding box.
Paste below code in it and press enter and your code is highlighted.

 <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="#cccccc"/>

When you find the above code then replace it with below code perfectly to make better changes otherwise your template give Error after wrong pasting code.

<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>

I will transparent the border of your blog post images. Now save your changes of blog template and view your blog post to see images border no longer. I have some beautiful and helpful article for make blog better in Search Engine. Lot of tricks about making money, getting backlinks, different types of widgets, Facebook Button, Facebook Page, Twitter Updates Widget, Blogger SEO Tutorial and many many more.

Related Articles:

Hot And Latest Seo Tips For Blogger 
How To Make Website Like My Blogger Tricks To Get Best Alexa Rank
How To Added Meta Tag In Your Blogger For Better Optimization
Now Ready To Increase Google Page Ranking And Alexa Ranking
Other Tips To Make Money
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika
How I Can Get Approval From Google Adsense My Blog Or Website
How I Can Use Webmaster Tools Properly For Blogger

Post a Comment

Thanks For Comment This Blog Post. Like It And Subscribe It.