add column blogger below header

There are many reason we want to add widget or column below the header. Some people do this because it's a good place to put a banner or advertisement in their blog.. Well here are the simple tutorial how to add new widget below the header

1. Open your template. Before we begin you should download your old code first, because if this code cannot work or error in your template you still have the old code.

2. Search this code ]]></b:skin>

3. Paste this code before ]]></b:skin>

#yourwidget{
margin:10px 0;
padding:1%;
width:99%;
}

4. Now try to search header until you find the code looks like this

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidget="1" showaddelement="no">

<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>

</b:section>
</div>

5. Paste this code after </b:section> </div> 

<div id="yourwidget">
<b:section class='header' id='newcolumb' preferred='yes'/>
</div>

Then save and see the change in your layout...
So that all the tutorial about making a new widget after header blogger, If you still confuse about this tutorial you can leave the comment, and I will help you..