Adding images to wordpress sidebar

Kay asked, “How do I add an image to the sidebar; that is, the image of my book cover?”

I’d first make sure I have an image that is the right size… Too big and it’s going to look like crap, too small will not have an impact.

See the image in my sidebar of the free report I give everyone here? I’m going to show you how to do that.

Once you have the image the size you want, upload it to your images folder on your server via FTP. Now your URL to the image should be http://www.yoursite.com/images/image.jpg
Make a note of that cuz you’ll need it soon.

Log in to your Wordpress admin panel, go to Design and then click on “Widgets“.

Add a text Widget to your sidebar. See example here.

Give your text Widget a title. Something like, “Your FREE Report”, keep it short with a benefit for the reader.

Inside the text area add the following code replacing your info.

<img class="aligncenter"
title="wordpress installing guide"
src="http://www.idiotproofblogging.com/wp-content/uploads/2008/10/ebookcover.jpg"
alt="wordpress installing guide" width="200" height="245" />

Line 1 is where you want the image aligned.

Line 2 is a title for the image. Can be anything you want.

Line 3 is the URL to the image. I asked you to make a note of this, now you know why.

Line 4 is text people will see just in case your image does not load. This too can say whatever you want it to. Make sure you change the size of the image too because what you see here is the size of my image.

By the way, are your visitors going to be able to click on the image to get the report? Are they going to have to join a list first?

The above is just on how to install an image in the sidebar of Wordpress but how will they get the report?

Have a look at mine over to the right… If they have to join your list first, then having your optin form under the image like mine should do the trick. You can do this by adding the code from your auto responder right under your image code.




3 Responses to “Adding images to wordpress sidebar”

#239. Murray Says:

Craig: You mentioned the book in your side bar but didn’t mention size or dimensions. Since I am using basicly the same layout as yours, I should probably use the same size graphic that you are using. Would you please let me know so that I can resize mine. Thanks, Murray

#240. Murray Says:

Never mind the size Craig – I see it in your code. Thanks, Murray

#588. Mohit Says:

Can we have a membership page on our wordpress website, where a user can see his/her own statistics after logging in??? Pls reply me via email, I will thank you all my life.


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>