Mudar ou Aumentar Larguras do Blog: Qual a Largura Ideal do Blog?

Como mudar as larguras do seu blog, alterar a largura da sidebar e postagens do blog, porém mais importante que saber onde modificar a largura do blog no seu HTML ou template é saber qual a melhor largura para usar nos seu blog, afinal o precisamos ajudar o blog para nossos visitantes terem a melhor visualização possível de nosso site ou blog.

Mudar Larguras do Blog (Posts e Sidebar)


Entre na pagina Modelo > Personalizar > Ajustar larguras e altere como desejar. Caso não funcione será necessário alterar diretamente pela pagina editar HTML. Muitas vezes isso acontece com templates prontos para download.

Ajustar Larguras do Blogger

Neste caso entre na pagina Modelo > editar HTML. Para saber o que alterar você pode usar o inspecionar elemento do seu navegador para encontrar o nome do estilo, veja aqui:
Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F
Como Mudar Layout das Colunas do Template do Blog

Analisar Template e Achar erros no HTML:
Inspecionar Elemento - Firefox
Inspecionar Elemento - Google Chrome

Na maioria das vezes o nome do estilo é algo assim: content-fauxcolumn e as colunas do blog são o estilo: main.column. Em ambos os casos os nomes dos estilos CSS não são exatamente esses, pois isso varia muito conforme o template e tem outras palavras junto, mas já um começo e juntamente com o inspecionar elemento você conseguirá encontrar o que procura. Depois é só alterar o valor que está no código width: ....px que determina a largura.

Qual a Largura Ideal para usar no Blog


Como saber qual a melhor largura para o blog? Recomendamos que use o contador de visitas Google Analytics para responder essa pergunta.

Entre nas estatísticas do seu blog e no menu público-alvo > Tecnologia > Navegador e sistema operacional. Depois clique no sub menu: Resolução de Tela. Você saberá quais são os tamanhos de tela que geram mais visitas e assim poderá tomar sua decisão.

Ver Resolução de Tela no Google Analytics

Atualmente mais de 14% dos nossos visitantes tem resolução de 1024 de largura, mas esse numero está caindo e se a tendência continuar nosso próximo template será para larguras superiores a essa.

Templates Responsivos para Blogger


Os Templates Responsivos ajustam-se automaticamente a largura de tela do visitante do seu blog. Existem vários sites com templates responsivos para download grátis, mas não testamos ainda esses modelos, portanto não posso dar minha opinião sobre o assunto.

Mas como uma recomendação básica sobre troca de templates, faça um backup do seu modelo atual, faça testes com outros templates e depois avalie os resultados. Veja aqui alguns links para ajudá-lo nisso:
Como Fazer Testes no Blog e Como Avaliar os Resultados
Como Manter as Pessoas mais Tempo no Blog
Como Escolher e Colocar um Template no Blogger

Muitos blogueiros aproveitam o inicio de ano para fazer mudanças no blog e certamente alterações de template é algo muito importante no seu blog, por isso pense sobre esses assuntos que falamos neste tutorial antes de tomar as decisões para o seu blog em 2014.

2 comentários :

  1. Fabiano, bela dica!

    Este é o meu 1º comentário aqui no Dicas para Blogs! Tenho um blog de duas colunas no Blogger e me preocupo bastante com qual tipo de largura devo aplicar, estipulei as devidas larguras da seguinte maneira; para todo o blog, coloquei ''1000px'', e para a Sidebar coloquei ''300px'', pois achei o mais conveniente para a exibição de todo o conteúdo.

    Sei que editar as larguras varia de usuário para usuário, mas, com essas dimensões, futuramente terei algum tipo de problema com o Layout de meu blog? Os Widgets ficarão com uma aparência desproporcional?

    ResponderExcluir
    Respostas
    1. se futuramente alterar as larguras só terá problemas caso use algum conteúdo ou gadget muito largo.

      por exemplo colocou 300 px na sidebar, caso reduza para 250 precisará verificar se nenhum gadget ficou maior que a coluna, por exemplo, um anuncio do adsense de 300 de largura

      Excluir