Posts Tagged ‘how to link your image’

How to Hyperlink an Image

// June 17th, 2009 // No Comments » // Wordpress

Image is an attractive stuff which should be displayed in your wordpress blog, either on post, sidebar, pages, etc. If you want to add image to your post, you can first follow this tips : 3 ways to insert image in your wordpress post. Otherwise, if you want to hyperlink an image, you can try the following direction :

  • You want the image will be linked to : www.dewyazura.info. Now put this command into that link : <a href=”Your Website URL”>. (Example : <a href=”http://www.dewyazura.info”>)
  • Let say the image URL is : http://s183.photobucket.com/albums/x281/z03r4/?action=view&current=Zura.jpg. Add this command to the image URL : <img src=”Image URL”>. (Example : <img src=”http://s183.photobucket.com/albums/x281/z03r4/?action=view&current=Zura.jpg”>)
  • Combine them! <a href=”Your Website URL”><img src=”Image URL”>, then close it with </a>. (Example : <a href=”http://www.dewyazura.info”><img src=”http://s183.photobucket.com/albums/x281/z03r4/?action=view&current=Zura.jpg”></a>
  • Save your work.

Preview of hyperlink image above :

So, to hyperlink an image, all you’re supposed to do is just combine the following code :

<a href=”http://www.AnyWebsite.com”><img src=”http://www.AnyImage.com/YouWant.jpg”></a>

You got any question/suggestion/comment? Just leave a comment then we will discuss it out ;)