Tuesday, January 31, 2012

How to Make a Clickable Image Link

 Techno-Tips for the Techno-Challenged

width"264"=


If you've ever wondered how to make a picture or image clickable as in making it a hyperlink, look no more. I'm going to show you how to do it in the simplest way even the most techno-challenged person can understand. I know, because I'm pretty much a techno-klutz (as you know).

First your image must be somewhere online, whether on your website, blog or a photo-site like Flikr or Photobucket. To find the web address of the image, right-click on your image and choose View Image. The image's URL will appear in the "address window."

Basic html code for an image hyperlink:

 <a href="web address you're linking to"><img src="web address of image you're linking from"></a>

1.  Copy and paste the URL/web address of the site you're linking to in the code above. Replace the first green string of words with your URL of the destination site.

Example:  <a href="http://annemarienovark.com/?p=885"

2.  Copy and paste the Image's URL/web address that you located the very first thing into the code above. Replace the second green string of words with the URL of your image.

Example:  ><img src="http://annemarienovark.com/wp-content/uploads/2011/03/ToHisLadysRescueLg-683x1024.jpg"></a>

To control the image size, you can add parameters to the code like this:

<a href="web address you're linking to"><img alt="width"164"=" border="0" height="308"  src="web address of image you're linking from"></a>


This line of code makes the picture this size:

 width"164"=

If you want a smaller image, you change the width and height like this:

<a href="web address you're linking to"><img alt="width"64"=" border="0" height="208"  src="web address of image you're linking from"></a>

 width"64"=

To center the position of your image, you add this parameter:

<center><a href="web address you're linking to">img alt="width"64"=" border="0" height="208"  src="web address of image you're linking from"></a></center>


width"64"=


So there you have it. Several simple lines of code to help you make hyperlinks for images on your website or blog.

Cheers!!!


AM   :)

No comments: