How To Reduce Spacing Between Title And Its Widget On Sidebar Kher Cheng Guan| May 9, 2011

Here is another quick tip on how how reduce spacing of widget title and its widget on your sidebar.

Many of these free Blogger template come with rather wide spacing between the the Widget Title and the widget, which includes, "Most Read Posts" , "Followers", or those widget you created on your sidebar.

Then when you put in a title and  below it , the texts seem so far away, wasting unnecessary space.

Here is how you reduce the spacing between the title and its widget on your sidebar:

1. Go to Design. Click Edit HTML.

2. Click the box Expand Widget Templates.

3.Look for this code in the template.

]]></b:skin>

</head>

4. Now add this code,

.sidebar h2 {
margin:0;
padding:0 0.2em;
line-height:1.5em;
}

ABOVE the code mentioned in #1. So it should look like this:

.sidebar h2 {

margin:0;

padding:0 0.2em;

line-height:1.5em;

}

]]></b:skin>

</head>

5. Click SAVE TEMPLATE.

That's it.