There are a couple different reasons for adding border to images in your blog posts.

1. Adding a border to your image might help a visitor recognize that the image is a link.

2. When we put borders around our images, they enhance the look of the photo.

How to add a border to your photos

To add a border to a photo, use the following code.

Simple border:

<img src=”photo.jpg” alt=”Photo of Swans” style=”border: 2px solid #000000;”>

Double Border:

<img src=”photo.jpg” alt=”Photo of Swans” style=”padding: 2px; border: 2px solid #000000;” >

Without Border
WaterSwan
With Border

WaterSwan

With a Double Border

WaterSwan

Photos © 2010 J DesRochers (Used with permission)

Replace photo.jpg with the url to your photo. Replace the 2 px with the width of the border you want. Replace the #000000 with the color of the border you want.

(2px is the size of the border I’m using on the banner below and photos above.)

BloggerTalk3

Color charts displaying numerous colors recognized by most browsers.

Hexadecimal Colors and HTML Color Code Chart

stumbleupon:How to add a border around a photo del.icio.us:How to add a border around a photo digg:How to add a border around a photo spurl:How to add a border around a photo wists:How to add a border around a photo simpy:How to add a border around a photo newsvine:How to add a border around a photo blinklist:How to add a border around a photo furl:How to add a border around a photo reddit:How to add a border around a photo fark:How to add a border around a photo blogmarks:How to add a border around a photo Y!:How to add a border around a photo magnolia:How to add a border around a photo segnalo:How to add a border around a photo

If you found this page useful, consider linking to it.
Simply copy and paste the code below into your web site (Ctrl+C to copy)
It will look like this: How to add a border around a photo


1 Comment

One Response to “How to add a border around a photo”

  1. Melissa says:

    How do you add a border to ALL post photos in blogger?

Leave a Reply

You must be logged in to post a comment.

Page 1 of 11