Below I explore two methods of removing or deleting image borders in the Blogger template Simple. The first method shows you how to remove the image border using Template Designer and the second method outlined describes how to remove the image border manually by changing the code.
Method 1 - Use Template Designer to Remove Image Border in Blogger
- From the Blogger Dashboard go to Design > Template
Designer
- Then select Advanced > Images
- Under Border Color use the drop down arrow to open the color palette
- Change the setting to transparent by checking the small box on the bottom
right hand side marked "transparent"
Note: If you are using the black version of the Awesome Inc template you will need to change the Background Color to transparent too. Click on the down arrow of the color palette and select transparent.
- Click Apply to Blog to save your changes to the
template
- Navigate to any post page to view images in posts without the border
Method 2 - Change Template Code to Manually Remove Image Border from the New Default Blogger Templates
- From the Blogger Dashboard go to Design > Edit
HTML
- Back up your Blogger template
- Find this line amongst the declared variables at the top of your
template
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="#cccccc"/>
- Change to the value of the border color to transparent like so
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
- Save your changes to the template
- Navigate to any post page that has an image and see that the border around the image is no longer visible
In this Blogger tutorial (Blogspot tutorial) I have shown you how to remove or delete the border around images in Blogger posts for the newest generation of default Blogger templates Simple and Awesome Inc. I have discussed two different methods to remove the border around the images either by adjusting the settings in the Blogger Template Designer or by manually changing the code of the variable in the CSS styling section of the default Blogger template
Blogging And Email Marketing A New Approach
27/08/2012 - 0 CommentsEmail marketing is powerful because it allows you to develop personal relationships with your blog readers.…
Verified Fb Page tick mark 4 Blogger Author Comments
13/08/2013 - 0 CommentsDo you noticed a tick mark in some Facebook Pages like Actors, Political Leaders. Verified mark is only…
Dropbox releases applications for Windows 8 tablets
26/10/2013 - 1 CommentsDropbox releases applications for Windows 8 tabletsDropbox has recently released an application optimized for…
How to Add a Google Sitemap to your Blogger
30/08/2013 - 0 CommentsLearn how to generate a complete sitemap of your Blogger blog using an online sitemap generator and submit…
Add Meta Tags to Blogger for Better SEO
04/10/2013 - 0 CommentsToday i going to share Meta Tags For Blogger For SEO. This is my first post on SEO.Meta tags have prime…
SEO beginners guide for Blogger - 11 easy steps
02/03/2012 - 2 Comments11 tips to SEO beginners guide for Blogger How SEO can help beginners to guide them through Blogger. In…
How to Add a Twitter Profile Widget to Blogger
15/07/2012 - 0 CommentsIf you use Twitter then you are going to want to let your Blogger readers know about it. One effective way to…
How to Add a Comments Counter Button to Blogger Blogspot
27/06/2012 - 1 CommentsIn this Blogger tutorial (Blogspot tutorial) you will learn how to add a comments counter button to Blogger…
Random Posts...!!!
Posted in: Awesome,blogger,Border,Default,Image,Remove,Remove Image Border in Default Blogger Templates,Simple,Templates
0 comments:
Post a Comment
Please feel free to comment on this topic.