hotelscombined

boo-box

quinta-feira, 12 de julho de 2012

Aumentar a largura do template sem destruir o blog!

Muitas pessoas morrem de medo de mexer no código-fonte do blog.o que é código-fonte?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.

Nenhum comentário:

Postar um comentário

boo-boxfy

.

---------

MaisCliques