Blog Verde

Este post tem como objetivo explicar, dentre várias maneiras, uma bem simples de adicionar colunas igualmente espaçadas em seu footer.

Você terá a liberdade de acrescentar o que quiser às colunas, leia este excelente post e descubra como é possível melhorar a navegabilidade do seu blog utilizando o footer. Repare que grandes blogs, ao quais posso citar o John e o Darren, utilizam esta parte com informações adicionais aos leitores.

No Brasil, até pouco tempo atrás poucos utilizavam o footer para algo útil, quase sempre apareciam só as considerações finais de tema e copyright. O nM por exemplo passou a utilizar o footer para algo interessante somente com o novo layout, antes aquele espaço era pouco aproveitado…

Vamos lá, primeiro adicione as linhas seguintes ao seu stylesheet:


!--adicionando colunas footer--!
#footercolumns {padding:2em 0 0 10%; }
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%; text-align:left;}
#footercolumns .first, * html #footercolumns .first{clear:both; margin:0; text-align:justify;}

Agora copie e cole as linhas seguintes ao seu footer (antes da tag </body>):

<div id="footercolumns">
<div class="inside">
<div class="block first">
<h3>Primeira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>Segunda coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>terceira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
</div>
</div>
<br clear="all" />

O resultado será um footer como este:

Acabei de receber o e-mail da equipe do google, segue em anexo.

“Olá,

Agradecemos sua participação no programa de referências do
AdSense. O programa de referências do AdSense será descontinuado
na última semana de agosto. Após esse período, o código de
referências não exibirá mais anúncios.

Se você utiliza referências, seja para promover produtos do Google
ou ofertas de anunciantes do AdWords, recomendamos executar as
seguintes etapas antes que o produto seja desativado:

* Remova todo o código de referência dos seus sites: remova
todo o código de referências dos seus sites antes da última semana
de agosto, para poder continuar a rentabilizar eficientemente o
seu espaço de anúncios.
* Substitua os seus anúncios de referência por anúncios do
AdSense para conteúdo: se você tiver menos de três blocos de
anúncio do AdSense para conteúdo em uma página, recomendamos
substituir os blocos de anúncio de referência por blocos de
anúncio padrão do AdSense para conteúdo. Isso reduzirá os riscos
de diminuição dos seus ganhos com o AdSense quando o programa de
referências for desativado.
* Gere e salve todos os relatórios de referências na sua área
de trabalho: eles não ficarão mais disponíveis a partir do final
de outubro.

Agradecemos sua paciência durante essa transição. Se tiver mais
perguntas, acesse
http://www.google.com/adsense/support/bin/topic.py?topic=14882.
Agradecemos o seu suporte às referências do AdSense.

Atenciosamente.

Equipe Google AdSense”