How To add Two Columns Widget Under Posts

Add This To Del.icio.us StumbleUpon This Add to Technorati Digg This

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.

]]></b:skin>

And 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 in the template:

<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 the 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!