How To Make A Clickable Picture Link
How to make a picture (an image, photo or screenshot) clickable, that is, become a hyperlink.
The first thing is you must get the picture up on the web. This you can do by uploading toPhotobucket.
You can choose one of the billions pictures they have or if you have an account or open an account (its free) you can upload an image.
Once you upload or select an image you will get code for the image in four formats you must select HTML.
So for this we will use this image.
When you click this image it will lead you to Photobucket.com.
So we gotta change the direction.
This is the Html for this picture its the same as the code you use sending any pictre comments in Myspace etc...
We are interested in the address http:// photobucket.com.
The first thing is you must get the picture up on the web. This you can do by uploading toPhotobucket.
You can choose one of the billions pictures they have or if you have an account or open an account (its free) you can upload an image.
Once you upload or select an image you will get code for the image in four formats you must select HTML.
So for this we will use this image.
When you click this image it will lead you to Photobucket.com.
So we gotta change the direction.
This is the Html for this picture its the same as the code you use sending any pictre comments in Myspace etc...
We are interested in the address http:// photobucket.com.
<a href="http://photobucket.com" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>
The address determines were the picture leads to when clicked.
So we simply change it to were we want the picture to lead to.
In This case we will change it to http:// spiceyourblog.info :
<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>
By changing the address the picture now leads to this site.
Easy.
But were not finished yet take your cursor and put it over the picture
You will see a line of text appear "Photo Sharing and Video Hosting at Photobucket" (does not work in all browsers)
We can also change this it gives a discription of the image and also helps get your image indexed in Google image searches.
We Are Nearly Finished - First A Quick Remunder: If you need more help or have an opinion or suggestion, Please leave a comment Belo |
The code we are interested in here is "Photo Sharing and Video Hosting at Photobucket".
<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" /></a>
We simply change this text to whatever we want it to say like this :
<a href="http://spiceyourblog.info" target="_blank"><img src="http://i631.photobucket.com/albums/uu40/paulcrowe/info.jpg" border="0" alt="Type the text you want here" /></a>
Now the text will show "Type the text you want here"
Try it out :
You now have a simple professional hyperlink that leads to anywhere you choose.