How to widen your columns on Blogger

I have always wanted my main column wider. I just didn't get why it was so small with all that extra space on the left. I thought I wanted to go with a 3 column layout, but I decided against it. I think I like this better. Here's a tutorial on how to change to a 3 column layout.

Here's what I did to widen my main column and header. Let's start with the header.
Go to Customize, Layout, Edit HTML. Scroll down until you see this (although your number that is in red is probably 660 or something.)

#header-wrapper {
width:950px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background-color:#3d310b;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

Change the header width number to 950. (I don't know why 950. That's just what I found online when I was looking at how to do it.)

Now scroll down aways until you see this:

#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;

Again, your number is probably 650 or 660 (I can't remember what it was originally.) Change this to 950 too.

One more thing. So far we've changed the actual blog space. Now we need to change your main post column. Scroll down to this:

#main-wrapper {
width: 650px;
float: left;
padding: 5px;
border:1px solid $bordercolor;
background-color:#3d310b;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

I think the original number was lik 410. It should be changed to 650.

Now, click Preview and see if your space has widened. If you love it, Save Template. If you hate it or something didn't work, exit without saving.

This is the site that helped me the most. It goes through the steps I showed you above, along with how to make your sidebar wider (which I decided not to do) or how to change to a 3 column layout. I think it's a little easier than the first link.

Let me know how it goes!