Colocar Widgets no rodapé do blog- Um footer perfeito

O!
 

Há alguns dias eu postei aqui,como personalizar o rodapé do blog de forma simples.
Hoje vou mostrar como adicionar widgets no footer para,alem de dar mais espaço á sua sidebar,deixar sua pagina com um 'Q' de sofisticação e estilo.

Vamos la?

* Sempre efetue Backup do seu template antes de realizar quaisquer procedimentos que impliquem modificação direta no seu código fonte HTML

 Abra o código fonte do seu html:Modelo>Editar HTML
Com Ctrl+f localize a sua tag de abertura <footer> ou alguma que se pareça com ela.
Abaixo desta tag terá outras,também correspondentes ao rodapé,entre esta:
<div class='region-inner footer-inner'>,abaixo dela terá algo como:
<macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>

Se nao tiver,nao tem problema,faça depois de <div class='region-inner footer-inner'> mesmo.
Logo abaixo,cole o seguinte código:
<div id='footer1' 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='footer2' 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='footer3' 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;'/>

Visualize e se estiver tudo ok, salve!Depois basta que voçe feche o editor e vá em 'layout'onde deve aparecer exatamente 3 colunas com a possibilidade de adicionar widget ,na area onde antes só havia o attribution ou créditos.
Arraste os widgets que queira que fiquem embaixo ou adicione novos.
Por padrão ele receberá as regras css  de region-inner footer-inner,emtão basta que voçe procure por este trecho na folha de estilos e personalize como desejar.
Deixe o rodapé com seu estilo ou a combinar com seu layout,so nao vai exagerar,hein..!.
Rodapés muito altos passam de sofisticados para cafona,então tome muito cuidado.

Esta dica foi útil?te ajudou?tem alguma dúvida?deixe seu comentário ai...
Até a proxima.

Comentários

Postagens mais visitadas deste blog

Doodles kawaii-Perfeitos!