Blogger Tips and Tricks - enlarging the text area

Disappointed with the standard blog templates? Text area too small? Well with just a few changes to your blog template you can make your blog much more laptop friendly (wider) by hand tweaking any template. Here's how:

Select 'Layout' -> 'Edit HTML'

Then modify the following lines in your template.

#header-wrapper {
width:1024px; margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 1024px; margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 800px; float: $startSide;
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 */
}

#sidebar-wrapper {
width: 200px;
float: $endSide;
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 */
}