How To Install Two Columns Widget Under Posts

STEP1:

Log in to Blogger, go to "Layout" -> "Edit HTML"Now find this code:

]]></b:skin>

And immediately before it, paste this code:

.underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.underleft{
float:left;
width:265px;
margin-right:15px;
}

.underright {
float:right;
width:265px;
}

.............................................................................................................

...............................................................................................................

.............................................................................................................
Now find this code:

<data:post.body/>

Copy and paste the code below, exactly under the code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='underpost'>

<div class='underleft'>

Left column ads code here

</div>

<div class='underright'>

Right column ads code here

</div>

</div>

</b:if>

Now Click Save Template

The steps above are just the example for you in order to master the basic principal, because with it, you can do any variations easily. As an addition, if you want more dynamic column width, you can use the percentage (%), not use the pixel (px).

Happy trying!