aprenda a : adicionar 03 colunas ao footer do blog

...

Fonte e Créditos: templateseacessorios


"Esse hack se aplica ao Antigo Blogger."

Se você abriu seu blogue depois de junho de 2010, 
ele é  "modelo antigo". 

"Para Colocar Três Colunas sem rodapé do Blogger (parte inferior do Blogger)" ...

... " A Primeira Coisa a Fazer é...

...retirar todo e qualquer Widget que lá estiver."


Não é preciso deletar, 

basta arrastá-los para uma coluna lateral. 

Agora Vá até o  "HTML"do  seu blog ...

  ... E,
 procure pelo código:


</ Div> <! - End conteúdo-wrapper ->

Agora que o encontrou, 

coloque,

acima dele,

o próximo código:

  <div id = "footer-wrapper '>
<div id =" footer-columna-contenedor'>
<div id = 'footer1 "style =" width: 32%; float: left; margin: 0 2px; text-align: left; ">
<b: section class =" footer-coluna 'id =' col1 = 'preferidos' sim '= estilo "float: left;">
<b: Widget id =' Label5 'Locked =' false 'title =' Marcadores 'type =' label '/>
</ b: section>
</ div>
<div id =' footer2 "style =" width: 34%; float: left; margin: 5px 0 0 5px; text-align: left; ">
<b: section class =" footer-coluna 'id =' col2 = 'preferidos' sim '= estilo "float: left;">
<b: Widget id =' Label6 'Locked =' false 'title =' Marcadores 'type =' label '/>
</ b: section>
</ div>
<div id =' footer3 "style =" width: 32%; float: right; margin: 0 2px; text-align: left; ">
<b: section class =" footer-coluna 'id =' col3 '= preferenciais "sim" = estilo "float: right;">
<b: Widget id =' Label7 'Locked =' false 'title =' Marcadores 'type =' label '/>
</ b: section>
</ div>
</ div>
</ div>
<div style = "clear: both;" />

Salve , 

 ...e procure por:


  ]]> </ B: skin>




Encontrando-o,

cole,

acima dele,

o próximo código: 

/ * Colunas fazer rodapé ----------------------------------------- * /
#footer -columna-contenedor {
width: 99%;
clear: both;
margin: 0 auto;
}
.footer-columna {
padding: 8px;
margin: 0 auto;
}
.widget # col1, .widget # col2, # col3 .widget {
background: # fff;
  border: 1px frustradas $ bordercolor; / * cor da borda * /
  color: $ sidebartextcolor; / * cor da Letra * /
  line-height: 1px;
  padding: 10px;
  margin: 0 auto;
} # col1. widget-conteúdo, # col2 .widget-conteúdo, # col3 .widget-content { border: 3px solid # FFB90F; border-top: none; margin: 0 0 0; padding: 10px; background: # fff; } # h2 col1 , # h2 col2, # col3 h2 {/ * Títulos * / font-family: 'Wallpoet', arial, serif;   font-weight: bold;   background: # FFB90F;   margin: 2px 0 0 0;   padding: 20px 0px;   text -align: center;   float: center;   font-size: 18px;   color: $ sidebartextcolor; / * cor da Letra * /   text-shadow: 0 1px 0 # f9f9f9; } # col1 ul, ul # col2, # ul col3 {   list-style: none;   margin: 0 0 0 0;   padding: 6px 0 4px 0; } # col1 ul li a: link, # col2 ul li a: link, # col3 ul li a: link {/ * ligação cinza * /  background: #eee;   color: # A2B8D7; / * cor da Letra cinza claro * /   border-bottom: 1px #ccc tracejada; / * borda cinza claro * /   margin: 0 0 1px 0;   padding: 15px 0 15px 14px;   display: block; } # col1 ul li a: visited, # col2 ul li a: visited, # col3 ul li a: visited {/ * ligações visitados Ciza escuro * / background: #ccc;   color: # 808080; / * cor da letra cinza escuro * /   border-bottom: 1px tracejado # 808080; / * borda cinza escuro * /   margin: 12px 0 1px 12px;   padding: 10px 0 5px 14px;   display: block; } # col1 ul li a: hover # col2 ul li a: hover, # col3 ul li a: hover { background: # 808080;   color: # 5B79A3;   border-bottom: 1px frustradas # 5B79A3; }

Salve!



Clique e veja como ficou 

...