Como Mudar Layout das Colunas do Template do Blog

Você pode editar o layout das colunas do seu blog modificando a quantidade e largura das colunas do blog tanto no corpo do blog (coluna das postagens e sidebar) como também dividindo o rodapé do blog em 2 ou 3 colunas. Isso pode ajuda-lo a aproveitar melhor os espaços do template deixando o blog mais organizado. O melhor de tudo é que isso é feito na pagina Designer de modelo do Blogger sem editar códigos HTML no blog.

personalizar modelo do blogger

Entre na pagina modelo e faça um backup do seu template embora não vamos mexer com o HTML diretamente se fizermos alterações no template o próprio Blogger modificará o HTML por isso é recomendável ter uma copia de segurança do nosso template atual.

Clique no botão Personalizar, depois clique em layout e poderá modificar o layout do seu blog apenas clicando em um novo modelo. Isso permite trocar colunas de lado, dividir colunas em duas, colocar uma coluna de cada lado do blog e varias outras opções.

modificar layout do template do blog

Outra função interessante é o ajustar larguras, como o próprio nome diz aqui você poderá alterar como quiser a largura das colunas do seu blog deixando a sidebar e coluna principal (postagens) do tamanho que desejar.

ajustar largura das colunas do blog

E claro falando sobre template não poderíamos deixar de falar sobre trocar a imagem de fundo do blog que também pode ser feito nesta pagina clicando no menu Plano de fundo onde você poderá trocar a imagem de fundo e também escolher um posicionamento para deixar a imagem ou textura de fundo fixa quando rola a pagina entre outras funções, veja mais sobre esses assuntos nos links abaixo:
Trocar imagem de fundo no blog - Designer do modelo
Imagens de Fundo e Texturas (Background) para Usar no Blog
Criar, Colocar e Proteger Imagens no seu Blog

Essas dicas sobre modificar o layout têm como base os templates padrão do blogger, ou seja, se você baixar um template pronto talvez essas dicas não funcionem corretamente, por isso recomendamos que ao trocar de template faça um teste para ver como a pagina Designer de modelo do Blogger está funcionando em seu template. Mas alguns erros são detalhes de html que podem ser resolvidos, veja aqui sobre achar erros de html no Blogger.

Nossa intenção com esse aviso sobre templates prontos para o Blogger é apenas alertar sobre algumas coisas que não funcionam neste templates que você pode baixar de outros sites, mas não estamos dizendo que esses template são ruins, por outro lado existem muitos templates grátis para download que são muito bons, apenas não permitem edições.

15 comentários :

  1. Fabiana,

    Eu queria saber se tipo eu baixei um template, ai quando eu vo editar e vo em isso ai, aparece que nao da. é por causa do template, ou error?

    ResponderExcluir
  2. templates criados antes do blogger disponibilizar a pagina design do modelo não são compatíveis com essas funções...

    não tem como adaptar, alias seria possível mas o trabalho seria muito grande.

    você errou meu nome no seu comentário rsrs

    ResponderExcluir
  3. Estou aqui especialmente para informar que seu blog está entre os "Blogs do Mês" de Janeiro (blogs que mais enviaram acessos ao DSM em Janeiro). Desde já, agradeço por todo o carinho!!! Caso deseje mais informações, acesse a postagem de hoje (02/02/13) do Doce Sonho de Menina.

    Mil Sweetkisses e muito sucesso ♥

    ResponderExcluir
  4. Fabiano eu acho que o Dicas para Blogs está com algum erro no HTML, sempre quando clico em uma imagem e ela cresce na tela depois de fechar a imagem o template fica torto, veja nessa foto pra ententer melhor http://i45.tinypic.com/jjsks4.png

    ResponderExcluir
  5. Rosiel T.S. fiz um teste agora e funcionou normalmente.. mas vou verificar mais algumas coisas ...

    obrigado por avisar

    ResponderExcluir
  6. estou tentando editar alguns templates nativos do Blogger. Mas os templates nativos do blogger ultrapassa a tela do computador e preciso delizar para eaquerda e direita. Mesmo diminuindo as larguras isso continua acontecendo Isso não acontece no templates baixados. Como resolver isso direto no html?

    ResponderExcluir
  7. Márcio veja as configurações de largura na pagina design do modelo.

    pode ser também algum erro de carregamento da pagina ou navegador, tente excluir seu histórico de internet.

    ResponderExcluir
  8. Por favor, me RESPONDA. O Sr. poderia me indicar algum post deste blog (já procurei e não achei) ou uma sugestão pessoal para "retirar uma coluna sidebar da área da postagem?" Por exemplo, meu template tem três colunas (duas sidebar e uma area de postagem). Queria deixar três colunas na página inicial e apenas duas na área da postagem.
    Grato.

    ResponderExcluir
  9. Por favor, me RESPONDA. O Sr. poderia me indicar algum post deste blog (já procurei e não achei) ou uma sugestão pessoal para "retirar uma coluna sidebar da área da postagem?" Por exemplo, meu template tem três colunas (duas sidebar e uma area de postagem). Queria deixar três colunas na página inicial e apenas duas na área da postagem.
    Grato.

    ResponderExcluir
  10. Roberto na pagina design do modelo é possivel alterar as colunas, mas se não funcionar é porque seu template é personalizado e usa codigos diferentes então só é possivel modificar se souber editar o html

    entre na pagina modelo e clique no botão personalizar (ao lado do editar html)

    ResponderExcluir
  11. Cara, eu queria três na página inicial e duas na página de postagem. Entendeu? Tipo G1

    ResponderExcluir
  12. é possivel fazer mas precisa entender bastante de html ou achar um template pronto que já seja neste estilo.

    teoricamente teria que usar condicionais < b:if cond=.... para criar os templates diferentes (uma para a pagina inicial e outro para as postagens), mas as chances de erro são grandes.

    veja aqui para ter uma idéia sobre o que estou falando sobre as condicionais
    Conteúdo diferente nas paginas do blog

    ResponderExcluir
  13. Te agradeço bastante pela ajuda. Abraço

    ResponderExcluir
  14. eu baixei um template de 3 colunas, gostei muito do template mas queria só 2 colunas. É possivel alterar nos códigos dele para ficar com 2 colunas só?

    ResponderExcluir
  15. Anônimo se essa pagina do layout não funcionou para alterar as colunas do template que baixou só conseguirá fazer se entender de html e fizer vários testes ...

    templates prontos são difíceis de editar, minha sugestão é achar um template com 3 colunas

    ResponderExcluir