how to add link to images

This is a basic post to newbie bloggers to guide them how to effectively add link images in HTML.When ever your readers Click on images in post ,they will be navigated into another Webpages as per your done.

You can replace your Text Labels in your blog with images .You can be add Label Links to images,when your reader Click on images, they will easily navigate into your Labels.So it made attractive to your label in blog.

For an example,Click on the Image at Left side of this post.You will navigate into posts under How to label.

This is a simple HTML code to guide you.You must upload your Images in any free hosting websites like picasa, Flickr, photobucket and Get the URL of image.

  1. Replace the Red color code with your Image URL.
  2. Replace the Blue color code with your Hyperlink where you wish to navigate your user into.
  3. <a href="http://www.bloggerhacking.com/search/label/how%20to"><img src="http://cupcakesandcashmere.com/wp-content/uploads/2011/05/how-to-button.jpg" width="200" height="200"></a>
If you Need this one in your Sidebar ;
  1.  Go to Page Elements , Click on Add a Gadget and select HTML/JAVASCRIPT .
  2. Just Copy down the above code and paste it inside and Save .

By : Sooji
Category:

0 comments:

Post a Comment