segunda-feira, 20 de setembro de 2010

Como dividir o footer do blog


Descrição: Otimo tutorial para quem quer um footer dividido.
Nossa Avaliação Do Conteúdo:

Tutorial

1º:Entre na pagina "Editar HTML" Faça um backup do blog e nao marque a caixa para expandir o modelo.

2º:Procure por este codigo:

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

3º: Apague esse codigo e tome cuidado para não tirar ou deixar nenhum sinal no inicio ou fim do código e coloque esse 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 PRONTO!!!

Caso queira um fundo no footer adicione este codigo junto aos outros estilos do CSS do blog:
#footer-wrapper{background-color: #ffff66;border: 1px solid #0000FF}.

Nenhum comentário:

Postar um comentário