May
30

Adding an image to your sidebar

Posted by: nichall  |  Posted in: How to..., Tips  |  Posted on: 05-30-2008

Looking for a way to personalize your blog? Adding an image to your sidebar is the trick! To get an idea of what I’m talking about, check out the screen shot below – specifically the circled part. Cool, eh?tsarchats500.jpg

You probably already know how to add an image to a blog post (if not, click here). Adding an image to your sidebar requires a little more work (we’ll need to know a little HTML).

First, let’s do the following steps:

  • Upload the image.
    • Remember that if the image is too big, your sidebar will break and thereby look out of whack. A good rule of thumb is to keep image-width under “175″.
  • Copy the image’s URL and paste it in the text widget.
    • Text widgets are in the “Presentation” section, second tab to the left. There, drag a “Text” widget from the “Available Widgets” section into the sidebar. Open up the particular widget by clicking on the “Configure” icon and then paste.

Now the HTML part. Surround the URL with the following code:

  • On the left side, put: <p align=center><img src=
  • On the right side, put: ></a></P>

Depending on the image, you’ll want to title the widget accordingly (notice that in the screen shot above, the widget’s title is “About”). Once you’ve done that, “x” the pop-up out and click “Save changes”.

Take a look at your page; it should look snazzy.

Hi-five! Stayed tuned for next week where we’ll learn how to link that sidebar image. (That way, readers can click on the image and be redirected to another page.)

Leave a Reply