How to make a clickable picture link




| 9 comments

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.

<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 :

Type the text you want here

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


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

9 comments:

  1. last image doesn't show the use of alt tag

    ReplyDelete
  2. I've just jumped into the foray of blogging and I subscribed to your RSS. First I read many other posts of yours, which made me to decide that I'll read every single post of the 'spiceupyourblog'.

    Coming to this post, I'm really amazed to see that how it is easy to change the url of an image. I've used a 'do follow comment pic' from seven of your suggested pics. I think, I'll change the spiceupyourblog link (embedded in that pic) to one of my own URL's :P.

    Just kidding, I'll keep your URL as a token of thanks to your efforts in making bloggers increase the potential of their blogs.

    ReplyDelete
  3. Great, You'r so brilliant, I like your way to explain it, you have give me inspiration, Thank you. Stefani

    ReplyDelete
  4. I do not fully understand.............I put my photo in photobucket, I can generate the code and change it as per your instruction......where do I save that code ??? How do I connect that code to the photo ??

    ReplyDelete
    Replies
    1. Me too. :( If you happen to know how, please let me know. Really wanted to make it work..

      Delete
  5. THANK YOU SO MUCH!! I have been trying to figure this out for awhile now and your site is the clearest explination so far! I have to do this asap.

    ReplyDelete
  6. Hello can you help me,,my photo blog,,i want all my picture clickable, or when you click my picture,it can open,,how to do..here is my photo blog..

    http://9-fail.blogspot.com/

    please help me,,thanks and advance....i will subscribe by email,so that i can read faster your reply..thanks..

    ReplyDelete
  7. THANK YOU SO MUCH!! I have been trying to figure this out for awhile now and your site is the clearest explination so far! I have to do this asap.

    ReplyDelete
  8. Awesome, thanks! This helped a bunch...

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us