Como criar 3 colunas no rodape do blog

O Rodapé (footer) é uma parte que vem se destacando nos novos blogs. Podemos utiliza-la para por os créditos ou widgets variados, tais como comentários recentes e backlinks.

Você pode facilmente criar 3 colunas no rodapé de seu blog e torná-lo mais útil, com maior espaço para acrescentar seus widgets, comentário recentes, posts recentes, posts relacionados, imagens etc...

1° - Vá até "Layout" -> "HTML" e backup seu template (baixar modelo completo).


2° - Remova momentaneamente todos os widgets do rodapé do blog (mova-os para o sidebar ou...),

3° - Procure pela frase

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

 4° - SUBSTITUA estas tags pelo código HTML abaixo:

<div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Pronto!!!! Agora é só salvar e mover os widgets de volta para o rodapé e acrescentar muitos outros.... Gostou comente aí!!!!

Atenção! Duvida deixe seu comentario