WordPress: Adding Image/Link to Sidebar

This is my very first WordPress tutorial. I am by no means a WordPress expert but have a few people ask me about tutorials for WordPress and why I focus so much on Typepad and Blogger. So, I will be posting WordPress tutorials occasionally but I would highly recommend Amy Celona from www.WebsByAmy.com if you are interested in WordPress blogging.

Okay, so here we go....Adding an Image/Link to your Sidebar.

Step 1: Upload Image

1. If you are using the free WordPress there isn't a traditional file manager although you can still add a picture to the gallery (media library). You can do this by creating a new post.
2. From the Dashboard, go to Write, and it will automatically start a new post.
3. Create a "dummy" post and then click the Insert Image icon (the first button next to Add Media).
4. Click to upload the image from your computer or other online source. Here you will also see a Gallery tab and Media Library tab (and it will be added there).
5. After you click upload and still in the Add Image window, scroll down and select the Link URL, and Copy it (CTRL + C).
6. Keep the Publish Status as unpublished and Save.
7. Okay, at this point the image exists even though your post is not showing on your blog.

Step 2: Create Sidebar Widget

1. From the Dashboard, click Design, then click Widgets.
2. From the list on the left, click on Text Widget and notice it added to the right side.
3. Click Save.
4. Then under Text Widget, click Edit.
5. Now you can add your HTML Code for the new sidebar image/link.  Such as:
   
   <a href="http://www.blogsbyheather.com" target="_blank">
   <img src="http://heatherporto.worpress.com/mylogo.jpg" alt="Click to view my blog">
   </a>
   
6. Click Save Changes.
7. Now, on the right side of your screen you can drag and drop the widgets that are in your sidebar, including the newly added Text Widget.

Hope this helps!

Comments

[Kamagra]

Hey, Really great work,I would like to join your blog anyway so please continue sharing with us...@@

[Vimax]

why my comment doesn't appear yet?

[Mubashar Abrar]

This is a really cool post helped me a lot. Thank you very much.

[Tom DiMartino]

Great and simple instructions.
Thank you thank you!

[Maria]

Thank you so much! Quick and easy instructions! Great and happy blog! I will return often.

[Scott-TheBrewClub]

I just wanted to say THANKS for this little tutorial!

I run a WP blog, but for the life of me I could not figure out how to add an image to my sidebar outside of the 'links' area!

This tutorial was exactly what I needed to get it done, and it was spot-on! Keep up the good work! Thanks!!!

[Tom]

Thanks for the simple explanation.

[rhilts]

Thanks for this it helped a lot.

[Sara at On Simplicity]

Thanks so much--this is exactly what I needed, and your tutorial was easy to follow!