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”.
Step 2 – Click on “Advanced” and select “Add CSS”.
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.
There your new sidebar image in your blog goes beautifully!!