Rate this Post:

Normally Blogger templates are two columns and have ~300px Sidebar Wrapper. But many bloggers may want sidebar to be divided into 2 parts, so they can put More Widgets and put Ads of different sizes i.e. 120x600.
Today i am sharing this useful widget for Webmasters who mostly wants this tweak.

First Follow these steps;

1. Login to Blogger
2. Goto Template
3. Edit HTML
4. Expand Widgets

Find the section Given Below in You code.

#sidebar-wrapper {width:320px; 

float:right; 

word-wrap:break-word; 

overflow:hidden;
}

Right after this Paste this code;

#right-side {width:48%;float:right;word-wrap:break-word;overflow:hidden;
}#left-side {width:48%;float:left;word-wrap:break-word;overflow:hidden;
}

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'/></div>

<b:section class='sidebar' id='left-side' preferred='yes'/><b:section class='sidebar' id='right-side' preferred='yes'/>

Example: 
After adding this code, it will look like this;

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'/><b:section class='sidebar' id='left-col' preferred='yes'/><b:section class='sidebar' id='right-col' preferred='yes'/></div>

After adding this code, Preview your template and check for Errors. If there is no error, you are good to go to Page Layout and Check If there are two column below main column of sidebar.

But.....


If you got an error, Don't worry about that error, its because of there may be some widget code below <div id='sidebar-wrapper'>


There may be widget code like this;

<div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'>< ..widgets here.. ></b:section></div>

Related Posts:

Blogger Tips Tweaks Widgets