Here's how its done...#1 Removing an Image Border

Hello friends...From time to time, I am going to follow my friend Carissa's (Can I call you that? friend I mean...Not Carissa) example and post some blogger how-to's that you may find useful.

Today's HowTo: Remove an image border...That pesky box around your image/link that sometimes prevents you from adding an image to your site seamlessly.

Let's see an example...here is the Signature I made for my blog posts, but when I installed it, even with it's background that I designed to blend in, the box surrounded it.



And then without the border:



So let's take a look at how it is done:

Go to where you would edit your post and image. Make sure that you click on the "Edit HTML" tab on the post edit so you can see all the code.

The original link for the image will look like this:

<img src="http://i421.photobucket.com/albums/pp291/halftimelessons/sig2.jpg">

Place your cursor immediately after the last quotation mark, right after you see sig2.jpg" in this case, and insert the following code, without the parenthesis:

( style="border-style: none")

so it then looks like this:

<img src="http://i421.photobucket.com/albums/pp291/halftimelessons/sig2.jpg" style="border-style: none">


Adding this small snippet of code will eliminate the border from your images so you can make them blend with your background, if desired. Hope this helped!

And check out my right sidebar for more Blogger How-to articles.