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: , , , ,

11 Comentários:

Às 16 de outubro de 2011 15:13 , Blogger Ronaldo Belarmino disse...

Isso vai melhorar muito meu blog de tv online: http://tvonrbs.blogspot.com/

 
Às 16 de outubro de 2011 21:10 , Blogger Holtz disse...

af no meu blog nao tem nenhuma das tags

 
Às 16 de outubro de 2011 22:17 , Blogger Códigos Blogger disse...

Qual o endereço do seu blog?

 
Às 17 de outubro de 2011 12:41 , Blogger Vera Lucia disse...

Parabens pelo seu aniversario. Quero dizer que suas postagens são geniais. Obrigada; um grande abraço.

 
Às 17 de outubro de 2011 14:18 , Blogger Códigos Blogger disse...

Muito obrigado! Acabo de completar 17 anos, e não pretendo parar de postar!

 
Às 6 de janeiro de 2012 15:08 , Blogger Anderson Felipe disse...

Cara, criei um template pra mim com o programa Artisteer e configurei a largura da página da folha em 900px. Ficou tudo desfigurado, como você pode ver em: http://andersonfelipeblog.blogspot.com

Antes, fiz uma template e coloquei a largura da página em 800px e funcionou. Mas há uma grande diferença no visual do template por causa desses 100px. Com 900px ele fica perfeito, mas com 800px ele fica horrível.

O que é isso? Pode me ajudar? Preciso muito, este blog me dá um dinheiro importante, e tenho pouco tempo para consertá-lo.

Contato: andersonfelipeblog@yahoo.com ou anderson_felipe_@hotmail.com

Abraço!

 
Às 16 de janeiro de 2012 23:02 , Blogger André disse...

Este comentário foi removido pelo autor.

 
Às 16 de janeiro de 2012 23:03 , Blogger André disse...

QUERIA AUMENTAR OS ESPAÇOS DE POSTAGEM PRA MOSTRAR A POSTAGEM INTEIRA ME AJUDEM ; WWW.BRITNEY-DOWNLOAD.BLOGSPOT.COM

 
Às 24 de dezembro de 2012 00:32 , Blogger Estranho disse...

Oi, não consegui arrumar a área da postagem ainda ficou pequena. :(

 
Às 5 de julho de 2013 09:09 , Blogger Yanca Romano disse...

Oi, eu gostaria de saber, como faço para aumentar a altura do meu sidebar. Porque eu não consigo, colocar muitas coisas.

 
Às 8 de setembro de 2014 23:13 , Blogger Raylhane Silva disse...

Não consegui mudar...não achei nenhuma das tags.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial