Blogivists HQ

Last week we showed you how to add an image to your sidebar.

This week we’re going to show you how to link that image to a URL, so you can direct readers where you want them to go and make your blog more interactive at the same time. Just a couple, quick steps…

• First, capture the URL of the page you want to link to.
• Then, surround the URL with the following code:
  • On the left hand side, put: <a href=
  • On the right hand side, put: >
• Copy the whole thing.

At this point, it’s best to take a step back. You’ll remember that last week we left your widget looking something like the following (your image URL was, of course, different):

<p align=center><img src=http://tsarchats.blogivists.com/files/2008/05/20070604_john_tsarpalas.gif> </a></P>

What to do with that old code? Paste the new code right in the middle of the old, specifically in between:

• <p align=center>

and…

• <img src=http://tsarchats.blogivists.com/files/2008/05/20070604_john_tsarpalas.gif> </a></P>

All together, your code should look like the following:

<p align=center><a href=http://tsarchats.blogivists.com/about/><img src=http://tsarchats.blogivists.com/files/2008/05/20070604_john_tsarpalas.gif> </a></P>

Go ahead and “x” out the pop-up and click “Save changes”.

Our finished product?

We see something like this.

Click on it.

And go somewhere like here; in this, case the ‘about’ page:

Sweet!

Still need some help? How about a video tutorial on the process? Even sweeter!

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.