Someone was recently inquiring on the Blogger help group about adding a colored border to their photos.

Adding a border to an image is rather simple. To add a border to a photo, you will use the border property.

If you are doing this in Blogger, first upload your picture to Blogger. Once you’ve done that, switch the post editor into Edit HTML mode, and from there you can see the photo’s URL inside an <img>. Simply copy that URL, and then replace http://photo.jpg in the code below with the url to your image.

<img src=”http://photo.jpg”alt=”My Photo” style=”border: 1px solid #000000;”>

Next change the 1 px to the size you want the border - EX: 4 px ( is the size I’m using in the photo below) and change the solid #000000 to the color you want the border on your photo.

If you want border around all your photos in blog posts, you can log into Blogger, go to template - edit html and do a search for something that looks like this:

.post img {
padding: 4px;
border: 1px solid #cccccc;

You can customize the border on all photos by changing the padding (4px), the border (1px) and the color number to whatever you want. Padding ads some space between the photo and the border. Play around with it and see what you like, but be sure to back up your blog before making any changes to your template.