Add Border Around Images in Blogger


Border around images it is more useful to visible your content and it impact more on your site visitor to focus on your content easily. If you want to add borders around your images in blogger and you do not know how to do this? than you're in the right place. Most of the blogger know do how to do this, but for the newbie blogger it kind of a tricky part. So in this lesson we will show you how to add borders around images in blogger.

In the previous tutorial we have shown how to display comments in blogger blog.

In order to add borders around Images we have to implement simple css codes in our blogger blog.

Lets get started. 
First of all you will need to sign in your blogger account then go to template>> Edit HTML>> and then click anywhere in the HTML editor and press Ctrl+F a search box will appear on the right upper corner of the HTML editor and now paste the following code and hit enter.
</b:skin>


Once you find b:skin then just above </b:skin>  paste the following CSS codes.
.post img{
 border: 4px solid #39f235;
 padding: 3px;
}

If you want to add some other border style you can do that too, below I mention possible border style which you choose for your images.

1st Solid Style Border 
.post img{
 border: 4px solid #39f235;
 padding: 3px;
}
2st Dotted Style Border 
.post img{
 border: 4px dotted #39f235;
 padding: 3px;
}
3st Dashed Style Border 
.post img{
 border: 4px dashed #39f235;
 padding: 3px;
}
4st Double Style Border 
.post img{
 border: 4px double #39f235;
 padding: 3px;
}
5st Groove Style Border 
.post img{
 border: 4px groove #39f235;
 padding: 3px;
}
6st Ridge Style Border 
.post img{
 border: 4px ridge #39f235;
 padding: 3px;
}
7st Inset Style Border 
.post img{
 border: 4px inset #39f235;
 padding: 3px;
}
8st Outset Style Border 
.post img{
 border: 4px outset #39f235;
 padding: 3px;
}


If found this article help full then please share it and you can also like our facebook page and follow us on twitter.

Are you looking to add author box  then read our this article How to add author box in blogger blog and you can also read How to change author box dynamically.

“The graveyard is the richest place on earth, because it is here that you will find all the hopes and dreams that were never fulfilled, the books that were never written, the songs that were never sung, the inventions that were never shared, the cures that were never discovered, all because someone was too afraid to take that first step, keep with the problem, or determined to carry our their dream.”
- Les Brown

Comments

  1. I know this is quality based blogs along with other stuff.

    ReplyDelete

Post a comment