Changing Sidebar header images

If you are using a some what developed blogger template , you can see a image in the back ground of the caption of your side bar gadgets. Changing these is a some what complicated task. Really , Changing is not complicated , but creating a suitable graphic is the complicated task. If you know graphic designing , this will be easy. For others , it's better to skip this lesson and read the next one.

Here is the side bar header image of one of my blog ( current template don't have a side bar header image )

So , here is the way to change it

First of all , create a suitable sidebar header image.Then upload it to a image hosting site.


1. Edit your Template
2. Now find out

sidebar h2

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

Now scroll down few lines and you will find out a code line STRUCTURE similar to

background:#f5fbfe url( IMAGE URL ) no-repeat top center;


background: url( IMAGE URL ) ;


sidebar h2 { background: transparent url( IMAGE URL ) right no-repeat;

or another code line which is very similar to above code lines

just change background URL to the URL of the image , that you created.

Now follow the Safety Saving Steps.



Every New lesson , directly to your Mail Box .....


I.N Rockz on May 17, 2009 at 8:07 PM said...

cam u teach us how to add a side bar header image for a template which doesnt hav a side bar image

DragonD on May 17, 2009 at 10:07 PM said...

Here is the way ,

Enjoy !

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

The Word Validation image has been removed and no need to Sign In. So don't be lazy ..........

This blog sucks under Internet Explorer.

Buy me a Coffee

Powered By

Latest Site News

Animated 3D Dock removed in order to speed up loading time and to help IE users.

This site will be come up with a DOMAIN name soon.

Link and Win competition will start as soon as the Domain name added. Join with us. You could be the winner.

Site Info

since 2009 April

Submit a Lesson


of Visitors read Pages.


Lessons by DragonD | Template by Simran | Logo by lahirulcd | Temaplate redesigned by DragonD| Icons by | Licensed under CC license Creative Commons License