"Saiba como  acrescentar  05 (cinco) colunas  no footer do blog (blogger)"
Autor: Edilene brandao da silva | Publicado: 2012-06-29T09:48:00-07:00

"Saiba comoacrescentar&nbsp;05 (cinco) colunas&nbsp;no footer do blog (blogger)"Ao começar a mudar algo em seu template;&nbsp; sempre salvae uma cópia dele, porque se ocorrer algo errado, basta reinstalá-lo.


      


&nbsp;&nbsp;&nbsp; 

Tutorial:
Para quem não tem, em seu template do blogger (antigo), footer divido em colunas, siga as instruções:&nbsp;
.Logado em seu painel blogger,.Clique em design, e depois em&nbsp;&nbsp;Editar html,. Daí marque a caixinha do lado direito&nbsp;
"Expandir modelos de widgets",&nbsp;
&nbsp;pressione&nbsp; as teclas
"CTRL" com "F", juntamente,daí abrirá uma janelinha,e digite este código ]]&gt;&lt;/b:skin&gt;,embaixono canto esquerdo.




Ao encontrá-lo, cole&nbsp;  acima dele&nbsp; : ]]&gt;&lt;/b:skin&gt;todo o código, a copiar : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ▼ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;  

&lt;br /&gt; &lt;br /&gt; &lt;br /&gt;     &lt;div class='areacolfot'&gt;&lt;br /&gt; &lt;div id='colunasfooter'&gt;&lt;ul&gt; &lt;div class='colfot'&gt;&lt;b:section class='lowerbar' id='lowerbar1' preferred='yes'&gt; &lt;b:widget id='Label2' locked='false' title='Labels' type='Label'/&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;div class='colfot'&gt;&lt;b:section class='lowerbar' id='lowerbar2' preferred='yes'&gt; &lt;b:widget id='Label3' locked='false' title='Labels' type='Label'/&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;div class='colfot'&gt;&lt;b:section class='lowerbar' id='lowerbar3' preferred='yes'&gt; &lt;b:widget id='Label4' locked='false' title='Labels' type='Label'/&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;div class='colfot'&gt;&lt;b:section class='lowerbar' id='lowerbar4' preferred='yes'&gt; &lt;b:widget id='Label5' locked='false' title='Labels' type='Label'/&gt; &lt;/b:section&gt; &lt;/div&gt;  &lt;div class='colfot'&gt;&lt;b:section class='lowerbar' id='lowerbar5' preferred='yes'&gt; &lt;b:widget id='Label6' locked='false' title='Labels' type='Label'/&gt; &lt;/b:section&gt; &lt;/div&gt;  &lt;/ul&gt;&lt;div class='clear'/&gt;&lt;/div&gt;&lt;/div&gt;



Nota:
A cor de fundo dos widgets&nbsp;
que está representando&nbsp; verde&nbsp; (#006400) no
código acima,&nbsp;
pode ser alterada a seu gosto!
&nbsp;.
E, para terminar;vá&nbsp; no html de&nbsp;seu template, pressione&nbsp; as teclas"CTRL" com "F", juntamente,daí abrirá uma janelinha,
e digite este código embaixono canto esquerdo,
&lt;!-- end content-wrapper --&gt;
encontrando-o,

após ele,cole&nbsp; código a seguir:▼
&nbsp;&nbsp; 

&lt;br /&gt; &lt;div style="background-color: #b6d7a8;"&gt;&nbsp;&lt;span style="background-color: #b6d7a8;"&gt;&lt;div class='areacolfot'&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div id='colunasfooter'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;ul&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div class='colfot'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:section class='lowerbar' id='lowerbar1' preferred='yes'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:widget id='Label2' locked='false' title='Labels' type='Label'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div class='colfot'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:section class='lowerbar' id='lowerbar2' preferred='yes'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:widget id='Label3' locked='false' title='Labels' type='Label'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div class='colfot'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:section class='lowerbar' id='lowerbar3' preferred='yes'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:widget id='Label4' locked='false' title='Labels' type='Label'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div class='colfot'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:section class='lowerbar' id='lowerbar4' preferred='yes'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;b:widget id='Label5' locked='false' title='Labels' type='Label'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;div class='colfot'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;b:section class='lowerbar' id='lowerbar5' preferred='yes'&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;b:widget id='Label6' locked='false' title='Labels' type='Label'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8; margin: 0px;"&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;div class='clear'/&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div style="background-color: #b6d7a8;"&gt;&lt;br /&gt; &lt;/div&gt;


  
Salve!

Em seguida, clique em "Elementos de Página", 

e constate as cinco colunas no footer, que devem lá estar!

Assim:

Você poderá colocar no footer, os  widgets ,ou então, colocar novos! 

Utilize a sua criatividade também! 


&nbsp;footer▼  







 clique aqui e cadastre-se beruby   clique aqui e cadastre-se beruby      













      saibamaisclicandoaqui.
<!--
google_ad_client = "pub-3296052210640376";
/* 468x60, criado 25/03/11 */
google_ad_slot = "0158509870";
google_ad_width = 468;
google_ad_height = 60;
//-->
 
        
   
        





 
{lang: 'pt-BR'}
     
        
  adicionar |+Google URL| ... Share    
var a2a_config = a2a_config || {};
a2a_config.linkname = "mensagens diversificadas";
a2a_config.linkurl = "http://www.mensagensdiversificadas.com.br/";