HTML - How to link an image

When you add an image in blogger, it creates an HTML section something like this:

<a href="http://bp0.blogger.com/yourimagename.png">
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp0.blogger.com/yourimagename.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5170394954984704994" />
</a>

This links the image to itself so when you click on it, it opens up the image full size in a new browser window. Most of the time this is what you want. But sometimes you want to link the image when it is clicked to a URL instead. To do this, all you need to do is change the <a> tag's HREF to the URL you want to go to when it is clicked.

For instance, when we click on this image, if we want it to go to www.amazon.com, we would change the above URL to:

<a href="http://www.amazon.com">
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp0.blogger.com/yourimagename.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5170394954984704994" />
</a>