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:
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.
Tuesday, October 14, 2008
posthumous pointerTo 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