Rodapé no blogger - 3 colunas

 
Colunas que nos sustentam!
Para colocar um rodapé ou footer no seu blog, basta seguir o tutorial abaixo e está pronto.

Atenção: Antes de comerçarmos, sugiro que salve uma cópia de seu template.

1º - Configurar o CSS:

1º - Faça login no Blogger, entre em "Layout" -> "Editar HTML".

2º - Procure (Ctrl + f) por:

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}

3º - Substitua esse código por o código do link -  /rodapé.txt :


2º - Configurar HTML:

2º - Procure (Ctrl + f) por:

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

2º - Substitua esse código por :

<div id='rodape-wrapper'>
<div class='rodape1' style='float: left;'>
<b:section id='rodape1' preferred='yes'/>
</div>
<div class='rodape2' style='float: right;'>
<b:section id='rodape2' preferred='yes'/>
</div>
<div class='rodape3' style='float: right;'>
<b:section id='rodape3' preferred='yes'/>
</div>
<div style='clear:both;'/>
<div class='rodape4'>
<b:section id='rodape4' preferred='yes'/>
</div>
</div> <!-- end rodape-wrapper -->

3º - Visualize para ver se tudo ocorreu corretamente... Salve!

Comentários

Desirée Lima disse…
a dica parece bem legal!
pena que eu não consegui acessar o link do passo 3 =s
Mateus Tavares disse…
Pod€ ac€´ssar o link novam€nt€
Kduzito disse…
Pois é...
Também não consegui acessar o link!