Then upload it to tinypic.com, imageshack.us, or similar. They will give you a "direct URL"; remember it.
Then use this code:
<a href="URL 1">
<img src="URL 2" border=0 title="Hover text" />
</a>
-URL 1 is the URL that is navigated to when someone clicks the image
-URL 2 is the DIRECT LINK to the image
-Border is the image around the image. You probably want it at 0
-Title is the text that appears when someone puts their mouse over the image. Remove title="hover text" to get rid of the hover text.
Both URLs must start with http://. Additionally, URL 2 must END in jpg, bmp, gif, or png.
Here is an example:
<a href="http:// advicenators.com">
<img src="http:// www.advicenators.com/img/hsingle.gif" border=0 title="free advice" />
</a>
I included the space after http:// so it isn't automatically turned into a link. You shouldn't do that. You can see this example in the upper left of this page, minus the hover text. [ theymos's advice column | Ask theymos A Question ]
Attention: NOTHING on this site may be reproduced in any fashion whatsoever without explicit consent (in writing) of the owner of said material, unless otherwise stated on the page where the content originated. Search engines are free to index and cache our content. Users who post their account names or personal information in their questions have no expectation of privacy beyond that point for anything they disclose. Questions are otherwise considered anonymous to the general public.