Creating 2 Sidebars for your template

Wish to have 2 sidebars for your template? Its no "Rocket Science". You just need to follow these steps:
1>Go to Layout-> Edit Html->Backup your current template
2>Search for this code:
#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

3>When found, copy the code found and paste it right below the same code making the following changes shown in Red
#left-sidebar-wrapper { width: 220px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

This will create a CSS code for your Left sidebar. Now,we need to create HTML code for the new left sidebar.

4>Now search for this code: <div id='main-wrapper'>  and immediately before this section,paste this code:
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div>

Now you have created both CSS and HTML Code for the New Left Sidebar.

5>When you preview you template,you will notice that your Right Sidebar would have shifted to the bottom. This is because, you need to resize the Outer-Wrapper to fit in both your sidebars.
So,search for :
#outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
and change the width to say 880

6>Now,when you preview your blog, you will notice that left sidebar is very close to your blog posts. So,just add a minute code (shown in red below) in this code:

#main-wrapper { width: 410px; float: left; margin-left: 20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

7>Save your template. View your blog! Enjoy your new 3 Columnar Template with 2 Sidebars!

Blogger Templates