sábado, 15 de outubro de 2011

Como aumentar a largura da página do blog

imageOlá pessoal, bem vindo a mais um tutorial. Nesta aula estarei ensinando a aumentar o tamanho da largura no seu blog, seja pra corrigir algum erro ou para ajustar conforme desejado. Para realizar este procedimento vamos apenas alterar uns número que determina a largura da sua página na folha de estilo (CSS). Mas pra isso, também será necessário alterar o tamanho de outras coisas como a área das postagens e a colunas.

Então vamos lá, primeiramente acesse  o “Editar HTML” do seu blog e procure por:

#content-wrapper {

Perceba que abaixo da linha que você procurou têm o seguinte atributo:

Width: Valor;

Este elemento determina a largura de uma ‘div’, no caso, a página. Claro que na sua folha de estilo não vai estar escrito “VALOR” como mostrado acima, pois ali pode conter qualquer número em px (pixels), como por exemplo: “900px”. Sendo assim, para alterar a largura, apenas altere o valor de “width” para um número em pixels maior.

Caso não tenha o elemento “Width: VALOR;” é só acrescentar ele abaixo das linhas pesquisadas lá em cima.

Agora que você já sabe o que significa o “width”, vamos alterar a largura da coluna ou da postagem, alterando os valores deles. Sendo assim procure por:

#sidebar-wrapper {

Altere o valor do atributo width para um numero maior. O recomendado é acrescentar a quantidade que você colocou no corpo, ex: se você aumentou 50px no corpo da página, aumente 50px na coluna também ou coloque 25px para a área da postagem e 25px para a coluna. 

Se for alterar o tamanho da área das postagens, procure pela linha abaixo e altere o width:

#main-wrapper {

Uma vez alterado o valor de uns dos atributos, clique em visualizar, veja se realmente ficou como desejado e salve. Existe casos que os códigos acima não estarem presentes em seus blogs, caso isto aconteça, deixe um comentário.

Ajudei? Então deixe um comentário! Até!

Marcadores: , , , ,