How to Make single Column under Header

Do you feel interested in making a column under the header? Just read and follow the steps below.

1. Login into blogger with your ID.

2. Click Layout

3. Click Edit HTML.

4. Click Download Full Template.

5. Please save the template first. It is aimed at anticipating the risk if we make mistake in editing our template. If we make a mistake, we still have the backup and return it normally.

6. Find this code ]]></b: skin>.

7. Copy paste the following code right above the code of ]]></b: skin>.



.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}

.adscolumn .widget{
}



8. Look at down, then find the following code

<div id='main-wrapper'>


9. Copy paste the following code right above the code of <div id='main-wrapper'> :



<b:section class="adscolumn" id="adscolumn" preferred="yes">


10. Click SAVE TEMPLATE.


Finish.