Jun 10, 2010

Clickable Image That Opens In New Window

Adding an picture to your sidebar or header that when clicked goes to a page in your blog or to another website is really easy. Just go to Layout>Add a Gadget>Picture and upload the picture. Make sure to put in the URL of the website or page within your blog in the space provided.

Simple, right?

Now, what if you want to do the same but you want the link to open in a new window so the reader doesn't leave your blog? You'll need to upload your image to a photo hosting site on the internet then grab the URL of the image. Once you have the URL of your image go into Layout>Add a Gadget>HTML/JavaScript and copy/paste the following code.

<a href="http://www.URLYouWantToLinkTo.com" target="_blank">
<img src="http://www.URLOfYourImage.jpg" />
</a>


Make sure your image isn't wider than the sidebar, header or footer you are adding it to.

3 comments:

  1. That was just WAAAAAY too easy! Thanks for the tip!

    ReplyDelete
  2. Tamara,

    It is really simple. Glad you liked it.

    ReplyDelete
  3. Is there a code that can be added to the edit html section so that I don't have to do this to all my images...
    Plz respond..
    Thanks in advance

    ReplyDelete

I hope you find this blog a useful garden blogging resource. Sometimes I may reply to comments with my MrBrownThumb account or I may reply with my Garden Bloggers account. Hope this isn't confusing. If you're looking for gardening information check out "Google For Gardeners"

Note: Only a member of this blog may post a comment.