Aumentar a largura das colunas do template

Achei essa dica abaixo bem legal no Blog templates para novo blogger e gostaria de compartilhar com vocês.

Dica: para aumentar a largura das colunas do template.

Procure no código:

/* Outer-Wrapper
———————————————– */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}
#main-wrapper {
margin-left: 5px;
width: 550px;
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 */
}
#sidebar-wrapper {
margin-right: 0px;
width: 250px;
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 */
}

Tudo o que está contido em #main-wrapper se refere à coluna do post.

Assim, para aumentar ou diminuir a largura desta coluna você deve alterar os valores que estão em WIDTH.



Tudo o que está contido em #sidebar-wrapper se refere a coluna do perfil.Aqui também os valores de WIDTH devem ser alterados.

Cuidado para não desconfigurar completamente o template: obedeça a largura que está estipulada em #outer-wrapper , sem ultrapassá-la, pois todos os elementos da página estão contidos em Outer-wrapper.

Atenção!
Muitas vezes, o que vemos em um navegador não é o mesmo que vemos em outro.

Às vezes um template parece perfeito no Firefox e está horrivelmente desproporcional no Internet Explore e vice-versa.

Toda vez que fizer qualquer alteração em seu template, tente visualizá-lo em mais de um navegador, para ter certeza de que você não é o único a achar o template lindo….