Perfectly Irresistible

Design for Logo, Print, and Web

  • Bloglovin
  • Email
  • Facebook
  • Pinterest
  • Twitter
  • About
  • Pricing
  • Blog
  • Portfolio Gallery
  • Resources
    • Tips & Tutorials
  • FAQs

Blogger Tutorial – How To Add Sidebar Image

In my few personal blogs, these sidebar images are pretty cute, my readers are wondering how to add sidebar image in Blogger.com. I am happy to show you how to do that. So here you go.

Blogger Tutorial – How to add Sidebar Image, this is very simple to follow an instruction. Anyway, you can create your own small image. I strongly recommend that you can create your own image in the Adobe Creative Cloud -or- Adobe Photoshop Elements. When you complete your own image, you may upload your image in Photobucket.com or your Blogger (see an instruction on how to get an image link from your Blogger.com) and then copy the direct link.

Let’s follow the step by step tutorial:

Step 1 – When you log in the Blogger.com, go to “Template” and then click “Customize”.

sidebarimage1

 

Step 2 – Click on “Advanced” and select “Add CSS”.

sidebarimage3
 

 

 

 

 

 

 

 

 

 

Step 3 – Copy and paste the code in Add CSS box. Replace the red URL with your direct link:

.sidebar h2 {
background:url(your direct link);
background-repeat: no-repeat;
background-position:left;
height:40px;
margin:0;
padding:10px 3px 0 80px;
line-height:1.5em;
text-transform:uppercase;
letter-spacing:.2em;
}

 

Step 4–  Click “Apply to Blog” and see how the sidebar image looks.

sidebarimage5

 

 

There your new sidebar image in your blog goes beautifully!!

Joyce-2015Hi, I am very pleased to meet you all. My name is Joyce. I am a full-time blogger and graphic designer. My mission is to help you to feel greatly satisfied with the design services here.


Thank you for visiting here.
  • Bloglovin
  • Email
  • Facebook
  • Pinterest
  • Twitter

Join the Newsletter

Subscribe & Receive the Freebies, giveaways, and discount offers for your next order!

Search in this Site

My Fabulous Sponsors

Starting a website? Here are two of the web hosts I use.

StudioPress Premium WordPress Themes

Copyright © 2023 · Genesis Sample Theme on Genesis Framework · WordPress · Log in