.jpg)
Se você tem um blog sabe do que estou falando, cada espaço do nosso blog é muito valioso e tem que ser bem aproveitado. com esse código que vou disponibilizar você poderá colocar 4 gadgets no rodapé do blogger, se preferir poderá ser três colunas, você poderá aproveitar o rodapé com últimos comentários , últimas postagens , gadget de parceiros e muitas outras coisas melhorando a aparência de seu blog e ganhando mais espaço em todo o blog.
Primeiro faça um backup do template.
Siga o tutorial abaixo e coloque no seu blog .
Vá em modelo editar HTML de um CRLT+F e procure por ]]></b:skin>
Copie o código abaixo e cole acima de ]]></b:skin> e salve
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
/*comoço do código 4 gadgets*/
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333; /*cor do fundo*/
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%; /*aumentar largura dos gadgets*/
text-align: justify;
color:#ddd;
font: normal 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}
/*final do código 4 gadgets*/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
De um CTRL+F e procure e seguinte texto cor do fundo altere a cor pela cor preferida
#333333
Agora procure por aumentar largura dos gadgets e aumente os valores para aumentar o espaço.23%
Copie o código abaixo e cole acima de </body> e salve.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Atenção:
Dependendo do modelo de template você não conseguirá usar 4 gadgets terá que ser três então retire o ultimo como no exemplo abaixo.
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'>
</b:section>
</div>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'>
</b:section>
</div>
Atenção:
Dependendo do modelo de você não conseguirá fechar os cantos de esquerda e direita.
Bom era isso duvidas? é só perguntar até a próxima.
Sobre o autor: jhonatas é o fundador deste blog. Nascido em 1991, é trabalha como serviços gerais. e, nas horas vagas, si esforça como blogueiro.
____________________________________________________________________________
___________________________________________________________________
