Posts Tagged ‘images’

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.