Add or Remove Border line and Modify Image Border color

Add or Remove Border line and Modify Image Border color

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. 
Open Comment Box

Contact Form

Name

Email *

Message *