Tuesday, October 14, 2008

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.

Stumble Upon Toolbar

18 comments:

Kristina P. said...

You are a genius! I am going to do this right now. It's always annoyed me on mine.

AndreAnna said...

Good tip!

Kristina P. said...

It worked! Yay!

Rychelle said...

i need all the help i can get!

hello, my name is amber. said...

thanks for this! you rock :)

Luanne said...

Sweet...thanks!

Jillene said...

Awesome and useful information!! Thanks!!

Clare said...

thank you for sharing this, I have my sister work on my blog, but i need to learn how to do it myself!

i sent you a blogging award today:)

Jenni Jiggety said...

Awesome!

Brittany said...

I dub you blog yoda:)

Whitney R said...

I'm not technologically advanced enough to even know how to make me a signature. But when I finally figure it out, I'll know how to get rid of the box!

Thanks. Great idea, by the way.

Eudea-Mamia said...

I WANT that little line around my photos. Guess I have to use Photobucket.

I love swimming up stream.

I'll tuck this info away for future frustrations though. Thanks!
Em

Kristen Zirkle said...

Superbad is pretty darn funny. Love Office Space too. Brothers McMullen, Sideways, Wedding Crashers, Closer, Election, hmmm...I am sure I have more but I always forget the actual names of movies I have seen.

Kristen Zirkle said...

Sorry-coment on wrong post!

Deb said...

you're such a smarty-pants. i don't think i am quite to that stage, yet. i didn't know you could post your name like that.

Hollie said...

Yay, I'm so glad you're going to be giving out tips on blogging. I need all the help I can get.
Great idea!

Wendyburd1 said...

ty jay!

Michelle said...

Great tip! Thanks! I need all the help I can get!

posthumous pointer
To laugh often and love much; to win the respect of intelligent persons and the affection of children; to earn the approbation of honest citizens and endure the betrayal of false friends; to appreciate beauty; to find the best in others; to give of one's self; to leave the world a bit better, whether by a healthy child, a garden patch or a redeemed social condition; to have played and laughed with enthusiasm and sung with exultation; to know even one life has breathed easier because you have lived - this is to have succeeded. - Emerson