vendredi 25 septembre 2009

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 to Photobucket.

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.

Photobucket

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.

http://photobucket.com" target="_blank">Photo Sharing and Video Hosting at Photobucket


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 :


http://spiceyourblog.info" target="_blank">Photo Sharing and Video Hosting at Photobucket


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".

</span><strong><span id=Photo Sharing and Video Hosting at Photobucket" />


We simply change this text to whatever we want it to say like this :

</span><strong><span id=Type the text you want here" />


Now the text will show "Type the text you want here"

Try it out :

Type the text you want here

You now have a simple professional hyperlink that leads to anywhere you choose.

Libellés :

0 commentaires:

Enregistrer un commentaire

Abonnement Publier les commentaires [Atom]

<< Accueil