Dividir o rodapé do blogger em 3 colunas

Dividir o rodapé do blogger em 3 colunas

Dividir o rodapé do blogger (footer do blog) é muito mais fácil do que parece, basta trocar algumas linhas de códigos. Antes de fazer as modificações vá em DESIGN  e página layout e remova tudo o que estiver no rodapé do blog, você não precisa excluir, apenas arraste para a coluna do blog ou para baixo das postagens, pois quando concluir poderá colocar no lugar novamente.

Mas para começar a divisão do footer em 3 partes o primeiro passo é entrar na pagina EDITAR HTML (não clique para expandir o modelo), antes de começar é bom fazer um backup do template do blog para não perder nada em caso de imprevistos. 

Procure por esse trecho no html do seu blog (use Control + F):
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Ao encontrar apague este trecho, tome cuidado para não tirar ou deixar nenhum sinal no inicio ou fim do código e coloque este código no lugar:
<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-column-left' style='float:left; width: 32%;margin: 2px;'>
<b:section class='footer-column' id='footer2' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div id='footer-column-center' style='float:left; width: 32%;margin: 2px'>
<b:section class='footer-column' id='footer3' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div id='footer-column-right' style='float:right; width: 32%;'>
<b:section class='footer-column' id='footer4' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
<div id='footer-bottom'>
<b:section class='footer' id='footer-column-bottom' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>
<div style='clear:both;'/>

E já está tudo pronto, visualize e caso esta correto salve. Agora é só entrar em DESIGN e na pagina layout, arrastar os gadgets para cada uma das colunas do rodapé do seu blog e assim usar melhor o espaço disponível.

Se a parte do rodapé ficar sem cor de fundo e voce queira colocar uma cor de fundo,  podemos colocar esse código:
#footer-wrapper{background-color: #ffff66;border: 1px solid #0000FF}
procure pelo :  footer-wrapper e adicione estas propriedades dentro dele junto com os outros estilos CSS do blog, isso fica no começo do html. É fácil de achar porque no blog tem muitos códigos parecidos com esse. Para trocar a cor é só mudar o final ffff66 pelo código da cor que voce deseja, além de por cores e mais o que desejar para colocar ao seu modo.
Note que neste código que colocamos apareceu 3 vezes width: 32%; isso é a largura de cada uma das colunas no rodapé do blog, portanto altere os valores como desejar, mas claro que a soma das 3 chegar no máximo até 100% provalemente uma das colunas passará para linha debaixo, então se tiver esse problema é só reduzir um dos valores (sempre é bom deixar algum espaço sobrando)