How to Add Two Sidebar Columns Below Posts in Blogger

Step 1: Go to Design > Edit HTML tab and find for:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
Step 2: Add the following snippet before the closing DIV. It is </div> marked in bold in step 1. 

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='sidebar' id='col-left' showaddelement='yes' />
<b:section class='sidebar' id='col-right' showaddelement='yes'/>
<div style='clear: both;'/>

</b:if> 

Step 3: Find ]]></b:skin> and before this add:
#col-left {
width: 49%;
float: left;
}
#col-right {
width: 49%;
float: right;
}
Step 4: Save you template and go to Blogger “Page Elements” tab.

theo simplebloggertutorials