Hack: Three Column Template

Alright, for this one your going to need to choose either the Minima Dark or Minima White Templates. Right now I'm pretty sure these are the only ones this works for. If your looking for a different scheme, you can always change the colors of everything later. Before we start, you should probably back up your template. Click Customize on your NavBar, then the Template Tab next to posting and Settings. From here click the tab Edit HTML and then under this click Download Full Template. Good, now we can get on to the real fun.

Under Edit Template, use "Find" by pressing ctrl+f to search for #main-wrapper { . It should take you right to it. Once your there, paste the following code right above it.
#leftsidebar-wrapper {
margin-right: 14px;
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 */
}

What you just did was add a new column, and unfortunately in the process your old right hand column got pushed off the page. To fix this problem, we look right above where we just pasted the #leftsidebar-wrapper { code and we see #outer-wrapper { . Now your going to have to trust me on this part. I want you to delete #outer-wrapper { and everything directly under it, then paste the following code in its place.
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:0 0 15px;
text-align:left;
font: $bodyfont;
}
One more thing then we can move on. Three sections below #outer-wrapper { you will find #sidebar-wrapper { . All I want you to do here is add margin-left: 14px; between #sidebar-wrapper { and width: 220px; and were done with that part.

What we just did was change the page parameters so that everything will fit. This is the last and might I add the easiest step. This actually puts the extra column on the page! Use "Find" (ctrl+f) again, and search for div id='main-wrapper'> . Right above this point your going to paste the following. *note, You need to add a < in front of each of the following... I could not get it to save properly otherwise.
div id='leftsidebar-wrapper'>
b:section class='sidebar' id='leftsidebar' preferred='yes'>
b:widget id='Text1' locked='false' title='' type='Text'/>
/b:section>
/div>

Your all done now! The only thing you might notice when you go back to look at your blog is that theres still only two columns and it may look a little odd. That would be a mean trick wouldn't it? See, you need to have something in the left hand column before it pushes the other two over. By default you will have a text widget there with no writing. For the viewer's sake, unless you choose to put something else there immediately, I would write something into that text box. Another thing you might notice is your Page Elements page is a little goofy... This is a simple fix as well, you can find it HERE.