Clickable Image | How To Make A Hyperlink Image For Your WordPress Blog


Ever wondered how to make a clickable banner or a clickable image on your WordPress blog.  It’s so easy, you won’t need to wait on  your webmaster.

Just Follow These Simple Instructions:

1.  Upload your banner, photo or image and place it on your blog, in the desired location.

2.  Click on the html tab and locate the image information.  In the image code…look for the letters src. Remove everything in the image code before those letters.

3.  Add the code <img (space) in front of the letters src.

Example:  <img src=”” alt=”” width=”260″ height=”150″ /></a>

4.  Now place your curser just above your image code

5.  This is where you want your reader to go when they click on your image.   Place this code:  <a href=”The URL You Want The Link To Go To “>

6.  Example:  <a href=”” >

7.  When you are done… This is what it should look like.

<a href=”“>
<img src=”” alt=”” width=”260″ height=”150″ /></a>

Waaa Laaa There you go.  You now have hyperlinked photo or image.

8.  Save draft.

9.  Preview and check to see if the clickable image works on your site.

See if my clickable image works by double clicking on the image.

Little by little… I’m learning to be my own webmaster on very simple projects.  I love it.

Now, don’t be shy… place a clickable image on your next WordPress post and wow your readers…. plus give your self a backlink to one of your other sites.  Two birds with one stone.

Til later,

Kathyn Griffiths

P.S.  Use this information to put clickable images into your side bars.

Technorati Tags: backlink, blogging, clickable image, hyperlink image, WordPress

Categories : Blogging


  1. This is really cool!! It looks so easy when you talk about it here so I am certainly going to go try it out for myself!! Thank you Kathy for sharing this tip with us, this is indeed very valuable and something we can all use.


  2. Rob Horlock says:

    Hi Kathryn,

    Thanks for this. I am in the process of setting up a blog and I will use this. One question – how do you get it to open in a new window?

    many thanks


  3. Kathryn says:

    Hi Rob… I’m happy to see you you are moving into WordPress. I’ve found the SEO advantages to be superior to anything else.

    About your question. I’ve fiddled around with this… and you’re right… it doesn’t open up in a new window. Anyone clicking on the image will have to click the arrow button to go back your your site. I have brilliant WP gurus in my area… we meet once a month. I’ll see what I can do to find out this information. I want to know also.