Largura do Blog

Mudar a largura do blog, do menu ou das postagens são coisas fáceis de fazer e muito úteis, pois nem sempre o formato padrão atende nossas necessidades, para fazer tais mudanças precisamos encontrar no html do blog o código “width:” do que desejamos mudar a largura,

Usarei como exemplo o blog Frases Curtas que foi alterado a partir do modelo padrão Son of Moto (Mean Green Blogging Machine variation).

Mudando a largura total do blog:

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 750px;
text-align: left;
background: url(http://i55.photobucket.com/albums/g138/robertojd/corpo.jpg);
font: normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif;
}

Esta parte definirá a largura do blog para deixar do tamanho que você deseja mude o numero 750, mas lembre-se que a maioria das pessoas usa resolução de tela 800x600, portanto não é recomendável usar um tamanho maior de 780, dependendo do contador de visitas do seu blog é possível ver a resolução de tela dos seus visitantes (no caso do Sitemeter na pagina de estatística clique em resolução, na parte de baixo da pagina tem Web Browsers e embaixo disso tem Monitor Resolution clicando você saberá qual a resolução de tela que seus visitantes mais usam).

Largura das postagens e do menu:

#main {
width: 395px;
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 {
width: 255px;
float: right;
color: #000000;
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 */
}

O procedimento é o mesmo, altere os valores 395px(postagem) e 255px(menu) para a largura desejada para as postagens e menu respectivamente. Outra coisa que podemos fazer aqui é trocar o lado que as postagens e o menu aparecem, para isso basta mudar onde está float: left; e float; right; simplesmente trocando as palavras left e right de lugar. O resultado disso será a troca de lado entre as postagens e o menu. Veja também:
Como altera o espaço entre as colunas do blog
Quando Desistir de um Blog? Trabalhar na Internet vale à pena?