WordPress: Adding Image/Link to Sidebar

This tutorial is for WordPress.com and self-hosted WordPress blogs 😀

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

Step 1: Upload Image

From the Dashboard, on the left click Media Library and click Add New.
Select an image from your computer (or you may enter a URL of an image you already have stored on Photobucket for example or other online image storage site).
After you click upload and still in the Add Image window, scroll down and select the Link URL, and Copy it (CTRL + C).
Add Alternate Text and Description (as that hels with SEO).
Click Save.

Step 2: Create Sidebar Widget

From the Dashboard, click Appearance, then click Widgets.
From the list on the left, click on Text Widget and drag it to a sidebar on the right side of your screen.
The box pops-open where you can enter text or code.
Add your HTML Code for the new sidebar image/link.
Such as:
<a href="https://www.blogsbyheather.com" target="_blank">
<img src="http://heatherporto.worpress.com/mylogo.jpg"
alt="Click to view my blog">
</a>
Click Save.
Click Close and you've added the image and a link to your sidebar.

Happy blogging!

15 Comments

Sara at On Simplicity on December 8, 2008 at 10:35 pm

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

rhilts on December 12, 2008 at 9:58 pm

Thanks for this it helped a lot.

Tom on January 7, 2009 at 4:57 pm

Thanks for the simple explanation.

Scott-TheBrewClub on January 30, 2009 at 5:47 pm

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!!!

Maria on April 13, 2009 at 1:42 pm

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

Tom DiMartino on December 12, 2009 at 11:20 am

Great and simple instructions.
Thank you thank you!

Mubashar Abrar on January 19, 2010 at 11:16 am

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

Vimax on May 24, 2010 at 8:47 pm

why my comment doesn’t appear yet?

Kamagra on April 12, 2011 at 11:00 pm

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

Nancy Bariluk-Smith on August 22, 2012 at 6:50 pm

Love it thank you.This was just what I was looking for.

Meredith on October 12, 2012 at 10:29 pm

THANK YOU! This was the only google result I found that answered this question in a way that made sense. And I got my image/link working. Thanks!

Ellen on October 23, 2012 at 9:58 pm

Thank you! This was the most helpful post. Cheers!

TRamaz on January 29, 2013 at 8:44 am

hello,
thanks for the tutorial, and an effortless

Cara on May 13, 2013 at 3:10 pm

Thank you! I couldn’t figure out what I was doing wrong until I came across your tutorial!

Stephanie O'Q on July 16, 2013 at 7:27 am

Thank you!

15 Comments