Add or Remove Border line and Modify Image Border color

Add or Remove Border line and Modify Image Border color

0
data:blog.title
image border

We can see different blog with different style images. Some of them has edge or border and some are not. So some blogger want to use border and some of them wants to remove the border. In this tutorial I will share with you both of ways.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code .post img { or .post-body img {  by Pressing  Ctrl + F


 Usually the code followed  will be like below example.  Below code indicate that your template has Image border. So If you want to remove it then follow the below tips. 

. Post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0}

Note: Every template has different code. So you need to consider is the value border

Step 4  Now Replace the number 1 with a 0. and Replace #f0f0f0 with any color code. So the code becomes like this

. Post img {
padding: 0px;
margin: 0px 15px 15px 0px;
border: 0px solid # f0f0f0
}

Code For Simple Border


Just add the below code 

.Post img {
   border:1px solid #01122C;
}

Code For Double Border

To add the Double Border just add the below code 


.Post img {
   padding:1px;
   border:1px solid #021a40;
}

Code For Double Border with Different inside Border color

To add the Double Border  with different inside border color just add the below code 


.Post img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}

Step 5  After apply any code from above just save your templates. 
Add or Remove Border line and Modify Image Border color
4 Stars stars - "Add or Remove Border line and Modify Image Border color " We can see different blog with different style images. Some of them has edge or border and s...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *