Dividindo o rodapé do Blog em 3 colunas

Os templates disponibilizados pelo Blogger, e alguns outros personalizados, possuem apenas uma coluna no rodapé, que ocupa toda a página do Blog. Utilizar o rodapé do seu Blog para adicionar gadgets, pode ser uma ótima idéia, por não poluir a interface da página de seu Blog. É possível dividir o rodapé de seu Blog em 3 colunas, para permitir a adição de mais gadgets, sem ocupar muito espaço em seu Blog.

A divisão do rodapé de seu Blog, otimiza o layout e também permite a adição de mais gadgets, sem precisar utilizar a sidebar para adiciona-los. Seja para adicionar contadores, ou gadgets não tão importantes. Este código, divide o rodapé em 3 colunas, e também adiciona a coluna única, que permite adicionar um gadget que ocupe a página toda (visualizar a foto acima).

Antes de prosseguir com o tutorial, faça o backup do template de seu Blog, para protegê-lo de futuros erros que podem ocorrer.
-> Faça backup de seu blog para proteger o seu template e seus gadgets


No painel de seu Blog, vá em: Layout -> Editar HTML -> Pressione CTRL + F e procure pelo seguinte código:

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

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>

Salve o seu template. Agora, vá em Elementos da Página e veja que o rodapé de seu Blog já está dividido em 3 colunas. Caso não tenha funcionado, restaure o template que você fez download anteriormente.

Referência: Tips Blogger