como deixar o footer (rodapé) em 3 colunas

Olá povo faz um tempinho que nao posto ne? uhum. (- de uma semana) e agora vim com um tutorial básico de como dividir o rodapé em 3 colunas de gadjets como na imagem mostra:

primeiramente, procure pela seguinte tag:

<div id='footer-wrapper'> 

<b:section class='footer' id='footer'/> 

</div>

e troque tudo isso pelo código:

<!-- Início do Footer-->
<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-column-left' style='float:left; width: 33%;margin: 0px;'>
<b:section class='footer-column' id='footer2' maxwidgets='5' showaddelement='yes' style='float:left;'>
</b:section>
</div>
<div id='footer-column-center' style='float:left; width: 33%;margin: 0px 4.5px'>
<b:section class='footer-column' id='footer3' maxwidgets='5' showaddelement='yes' style='float:left;'>
</b:section>
</div>
<div id='footer-column-right' style='float:right; width: 33%;'>
<b:section class='footer-column' id='footer4' maxwidgets='5' showaddelement='yes' style='float:right;'>
</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;'/><!-- Fim área do Footer-->

Créditos do código abaixo:
Mundo Blogger
É só isso >.<