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.
bom muito bom
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirMuito bom parabéns meu blog de jogos online ficou assim bem melhor http://osmelhoresjogosonlinesoaqui.blogspot.com/
ResponderExcluirhttp://thepiratetorrentmovies.blogspot.com.br/
ResponderExcluirOlá, não estou conseguindo resolver no meu blog, você tem facebook para que possamos entrar em contato?
ResponderExcluirExcelente!
ResponderExcluirAjudou muito
ResponderExcluirnao tem #header nada com isso
ResponderExcluirtenta substituir o "#" por um "ponto", assim:
Excluir.outer-wrapper
.main-wrapper
.header-wrapper
Alguns Templates são escrito dessa maneira.
Legal!
ResponderExcluir