domingo, 17 de fevereiro de 2013

COMO AUMENTAR A LARGURA DO MEU BLOG NO HTML


Algumas pessoas morrem de medo de mexer no código-fonte do blog.


Código-fonte é o código html do seu blog. Você localiza assim: clique em layout, e em seguida clique na aba Editar html.  Pronto, este é o código do seu blog; tudo o que contém o seu template está expresso neste código-fonte, em linguagem de computador, ou seja, HTML.

Então, como ia dizendo, muita gente morre de medo de mexer e apagar tudo e destruir o blog. Mas isso não acontecerá se você tomar o cuidado de fazer backup do seu blog antes de mexer nele.
Para fazer backup é simples: nesta mesma página Layout, na aba Editar html clique em  
Baixar modelo completo.
Pronto! Agora você tem seu blog salvo em seu pc e se nas mexidas algo der errado é só colocar de volta e tudo será como antes.

Além de explicar sobre backup, ou cópia de segurança para simplificar, vou contar como fazer para alargar a coluna onde você posta seus textos e também a sidebar, que é a coluna lateral.

Faz assim:

No código-fonte do seu blog procure este trecho (use Ctrl+f):

                                                               #outer-wrapper {

Ele se refere à largura total do seu template. No caso do template Mínima (mais comum usado no Blogspot) este valor é 660px.

Para aumentar a largura da coluna do post e/ou da sidebar considere que a soma de ambas as colunas não pode ser maior que esta largura total, certo?  Agora que encontrou, mude o valor para a largura desejada, por exemplo 800px. Assim temos agora um template com 800px de largura total.

Agora procure por este trecho:

                                                                 #main-wrapper {

Ele é que define a largura da coluna do post. Mude para a largura desejada, por exemplo 510px. Visualize.
Agora vamos aumentar a largura da sidebar. Procure este trecho:

                                                               #sidebar-wrapper {

Altere aí o valor da sua sidebar; seguindo o exeplo que estou usando aumente para 260px.
Então, somando temos: 510+260=770. Mas o template não tem 800px de largura total? Sim, mas não é correto usar toda a extensão da largura senão os posts e os elementos da sidebar ficariam muito grudados.
Também é preciso alterar o valor do header, ou seja, do cabeçalho pois senão fica descentralizado. Para fazer isso encontre este trecho:

                                                                #header-wrapper {

Altere o valor que está aí pelo valor total do template,que no meu exemplo é 800px.
Visualize e se estiver tudo certo, salve as modificações.

Uma dica importante é não ter nem medo nem preguiça. Vá mexendo, mudando até ficar do seu gosto e só clique em Salvar quando tudo estiver pronto.

Parece complicado mas é muito fácil e gostoso de fazer, pode crer em mim.

E se você usa um dos novos modelos do Design de modelo do Blogger essa alteração de largura pode ser feita via painel do blog, clicando em Design/Design de modelo/Ajustar Larguras. 

10 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Muito bom parabéns meu blog de jogos online ficou assim bem melhor http://osmelhoresjogosonlinesoaqui.blogspot.com/

    ResponderExcluir
  3. http://thepiratetorrentmovies.blogspot.com.br/

    ResponderExcluir
  4. Olá, não estou conseguindo resolver no meu blog, você tem facebook para que possamos entrar em contato?

    ResponderExcluir
  5. Respostas
    1. tenta substituir o "#" por um "ponto", assim:
      .outer-wrapper
      .main-wrapper
      .header-wrapper

      Alguns Templates são escrito dessa maneira.

      Excluir