Here is how you can convert any Blogger Blog template to 3 column template.
Increasing width of Blog
Change header width to 1000
#header {
width: 1000px;
margin: 0 auto;
background-color:$headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}
Change content part to 1000
#content-wrapper {
width: 1000px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
Adding another sidebar to the left
Copy sidebar-wrapper to create newsidebar-wrapper. Look for sidebar-wrapper and paste following codes after sidebar-wrapper, Change to newsidebar-wrapper
#newsidebar-wrapper {
margin-$endSide: 14px;
width: 240px; float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
<div id=’newsidebar-wrapper’>
<b:section class=’sidebar’ id=’newsidebar’ preferred=’yes’>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
</b:section>
</div>
This will create 3 column template with 2 sidebars on the left side.
