How to add an image next to your sidebar and post titles:

This is what a Sidebar Title Image looks like:

 

   

 

Follow these steps:

1. Create the graphic that you want to use. It must be no larger than 20 pixels by 20 pixels saved as a .png, .gif, or .jpg file.
2. Upload it to a graphics host such as Photobucket.
3. Log into your Blogger account.
4. From your dashboard, click "Layout"
5. Click "edit html"
6. Back up your template if you haven't done so already.
   
7. Do a search (Ctrl + S) for "h2"
8. You are looking for a code that looks like this -
   /* Headings
   ----------------------------------------------- */
   
   h2 {
   margin:1.5em 0 .75em;
   font:$headerfont;
   line-height: 1.4em;
   text-transform:uppercase;
   letter-spacing:.2em;
   color:$sidebarcolor;}
9. Add code so that it now looks like this-
   h2 {
   background-image: url(http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/stiforsherbertshiver.png);
   background-repeat:no-repeat;
   border: 0px double #FFFFFF;
   margin-bottom: 5px;
   padding: 2px 3px 2px 28px;
   font:$headerfont;
   font-weight: bold;
   line-height: 2.0em;
   text-transform:uppercase;
   letter-spacing:.2em;
   color:$sidebarcolor;
   }
10. Preview then save.

That's it!