Tuesday, September 15, 2015

Add Border on Image in Blogger

How To Add Border on Image in Blogger
you can easily add border to your images in Blogger, without adding border standout in your content. it is very simple and can be done easily but new bloggers find it some difficult to add this in our  blogger blog.

In this posts, i will show you how to add border around an image in blogger. To add border around images you need to write simple codes of (CSS). With these codes you can easily add many different kinds of borders having any colors that you want in your border area.

How to Add Border on Image in Blogger

1: first login to >>> Blogger <<<
2: then go to >>> Template <<< 
3: Now go to >>> Edit HTML <<< 
4: Search for the b:skin tag  
5: Paste below code above the (b:skin) tag.

.post img {border:4px solid #FFA600;padding:3px;}

you also change the #FFA600 with any other color code to change the color of your border. You can also increase the above 3px to a higher or small number to increase the blank space around the border 4px in your blog. 

you can use different types of borders in your images to your your border.

you also defines a solid border to change the "solid" these are different borders code, 
(solid, dotted, dashed, double, groove, ridge, inset, outset)
The effect depends on the border color value. after you done! customizing your image border, now press the (Save Template) button and save your template.

7: you are Done!

Related Posts: Add a Custom Header Element in your Blogger

Previous Post
Next Post

0 comments: