Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Adding a Side bar header image to a Imageless Side bar header

One reader asked me , whether there is a way to add a Side Bar Header image to a side bar that dose not contain a image. After few trials I found out the way. It is really simple. I tried this trick for few of my blogs that haven't a image for it's side bar and it works well. There will be a problem with resolution. Yet , no error was found.

1. Edit your Template
2. Now find out

sidebar h2

( press 'Ctr
l' + F to open your browser's search box)

Now you will find out some code lines Very similar to these

.sidebar h2,.rsidebar h2, .lsidebar h2{
color: #515151;
font-size: 16px;
font-family: Lucida sans unicode,Arial, Tahoma, Verdana;
font-weight: normal;
text-transform: titlecase;
margin: 0px 0px 5px;
padding: 3px 5px 5px 5px;
border: 1px solid #DEDBD1;
background: #EBE9E1;

Remember , codes lines can be slightly different from above because code lines varies from template to template.

Now replace

background: ( a color code );


background: url( URL of your Image) top repeat-x;


background: url( top repeat-x;



Now follow the Safety Saving Steps.


Some Header Images for you

Image URL :-

Image URL :-

Image URL :-

Image URL :-

Image URL :-

This post first appeared on Blogger Template Editing, please read the originial post: here

Share the post

Adding a Side bar header image to a Imageless Side bar header


Subscribe to Blogger Template Editing

Get updates delivered right to your inbox!

Thank you for your subscription