Add Two Columns below Sidebar blogger Easily

We came with a nice tutorial today to lighten most of our blogger design issues been experienced by newbies and most professional pro bloggers. Dividing or splitting our blogger side bar can actually give room to add more gadgetsor widgets while trying to manage the little space you have left to add widgets on your blog. It also beautifies and give your blog a taste which your blog visitors would love to see.

I suggest you should try this out using a Test-Blog before integrating it on your blog template.

I know you're already longing to add this on your blog so i won't take much of your time, just follow this simple guides and you should be able to divide and spice your blog template just like ours.

First, Goto your blogger account and move to Layout———-> Edit HTML

Locate this ]]></b:skin> blog template.

And just Paste the below codes just before  ]]></b:skin>

#magazine-left4 {
width: 48%;
float: left;
}
#magazine-right4 {
width: 48%;
float: right;
}

Now, Goto the lower side & locate the code just like this :

<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar'
preferred='yes'>
<b:widget id='Feed2' locked='false'
title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false'
 title='Labels' type='Label'/>
</b:section>
  </div>

Now, add below code in between  </b:section>  and  </div>

<b:section class='sidebar' id='magazine-left4'
 showaddelement='yes'>
<b:widget id='Text514' locked='false'
title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right4'
 showaddelement='yes'>
<b:widget id='Text524' locked='false'
 title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>

You can now save your Template and your sidebar should look like this IMAGE shown below.

So, mate... how do you see this tutorial ? Was it help, educative and worth your time?? If yes, then i'll love to hear what you think. Please, don't forget to visit this blog for more educative tutorials you wouldn't want to miss