First and foremost, it’s important to know that you can add images to your sidebar without using HTML coding. There are several plugins you can install to do this.
I always opt to do a little coding instead of using plugins because:
- I have more control.
- I think it’s faster.
- I come from the marketing world, so naturally, I think coding is pretty cool.
Now, if you’re a newbie to HTML code, I’d suggest you learn a few small codes if you have a blog. It just makes blogging easier, and you can usually achieve the look you want with a few small codes.
Related Posts:
– 15 Smart Things to Do the First Month After Starting a Blog
– 4 Reasons Bloggers Should Use Canva
– The 3 Keys to Blogging Success
– Do These 5 Things Before You Start a Blog
HERE’S HOW TO ADD IMAGES TO YOUR SIDEBAR USING HTML:
Upload the images you want displayed in your sidebar to your media library. Click “Add New” and then click “Select Files.” If you have already used the image and it lives in your library already, you don’t need to re-upload it.
Click into the image and select “Edit more details”
You’ll see a File URL. Copy and save this URL for later.
Go to Appearance > Customize
Select Widgets > Blog
Note: these may say something slightly different depending on the theme you chose for your blog. You’ll want to find where your blog’s sidebar resides.
You’ll select “Add a Widget.”
You should see a list of widgets pop up. Scroll to find the one that says “Text.” In Text widgets you can add HTML coding. Score!
To add your image, use this coding: <img src=”FILE URL”>
If you want to get fancy and add a URL that your image links to, your coding will be: <a href=URL you want to link to><img src=”FILE URL”>
Click “Save & Publish.”
Now, you have got yourself an image on your blog’s sidebar!
Here’s my final result after adding images to my blog’s sidebar:
If you try this, please let me know how it works for you and if you have any questions along the way. I’m always happy to help.
Happy coding!