colocando colunas vertical no blog

Como deixar seu template com 3
colunas vertical como na figura abaixo!!!




Às vezes, nos deparamos com templates que não possuem um rodapé (Footer) e a ausência desse recuso limita locais que poderiamos utilizar para adicionar novas gadgets. Às vezes, encontramos templates com o rodapé, mas só que sem divisão, o que também não ajuda. Neste post iremos aprender como dividir o rodapé do template em três colunas.

Vamos utilizar o Template Minima do Blogger como nossa "cobaia". Por padrão, ele é configurado..

O que iremos fazer será adicionar logo abaixo da seção destinada as postagens do blog, um rodapé (footer) dividido em três colunas. Para isso, vamos fazer o seguinte:

1 - Faça um backup do seu template atual. Se você ainda não sabe como fazer isso, basta clicar aqui.

2 - Agora vá em Layout -> Editar HTML (Não é necessário Selecionar a opção "Expandir modelos de widgets"). Com a ajuda de Crtl+F encontre o código CSS referente ao rodapé (Footer). No Minima é este que está logo abaixo:






Substitua todo o codigo acima por esse código que está logo abaixo:



3 - Novamente com a ajuda do Crtl+F encontre o código.




4 - Substitua o trecho <b:section class='footer' id='footer'/> pelo código abaixo.




5 - Visualize e, se tudo estiver certo, salve.

É isso. Até a próxima.

Artigos Relacionados

1 comentários:

Vania Mega de Andrade disse...

Olá Juliana! Vi que você começou a seguir o Foto In Scena e apareci para visitá-la. E, logo de cara,um tutorial muito importante! Blog de 3 colunas! Quem sabe minha versão "outono" virá assim? Adorei! Vou testar no blog de testes. Obrigada e vou citar seu blog numa próxima postagem!
Bjinhos
Vania

24 de janeiro de 2010 às 22:24