Hello!!
Hoje vou ensinar como ter uma sidebar no footer do blog, igual a que eu tenho aqui :)
Eu coloquei por que minha sidebar lateral estava ficando muito comprida, e assim dá pra colocar os itens mais "pesados" lá no "fundão" fazendo o blog carregar mais rápido :)
O tuto é fácil e em duas etapas (copy/past) nada complicado, segue o bonde:
Navegue até a aba EDITAR HTML e NÃO clique em expandir modelos de widgets;
Encontre a tag
<footer>Cole acima da tag encontrada:
<div id='side-wrapper'>
<div id='side1'>
<b:section class='sidefoo1' id='sidefoo1' preferred='yes'/>
</div>
<div id='side2'>
<b:section class='sidefoo2' id='sidefoo2' preferred='yes'/>
</div>
<div id='side3'>
<b:section class='sidefoo3' id='sidefoo3' preferred='yes'/>
</div><div style='clear: both;'/></div>
VISUALIZE
(não, vc não vai ver nenhuma modificação ainda, apenas visualize pra saber se não recebe mensagem de erro), estando tudo ok continue:
Localize a tag
b:skin e cole ACIMA:/*======================ESTILOS PARA O FOOTER SIDEBAR=======================*/
#side-wrapper{
width:980px;
height:auto !important;
margin:0 auto;
display:block;
padding:10px 0;
background:#fff;
box-shadow:inset 0 0 10px #eee, 0 2px 3px #ccc;
border-radius:10px
}
#side1,#side2,#side3{
width:30%;
float:left;
background:#f9f9f9;
margin-left:15px;
border-left:4px #eee solid;
border-right:4px #eee solid
}
#side1 h2,#side2 h2,#side3 h2{
font-size:25px;
margin-bottom:10px;
text-align:center;
border-bottom:3px #f9b solid}
/*==================BÔNUS=====================
------estilos para blog roll------------------*/
.blog-title a{
font-size:15px;
line-height:22px;
font-weight:400;
color:#888;
text-shadow:0 1px #ddd;
background:#fee;
display:block;
box-shadow:0 -1px 2px #ccc;
border-left:3px #f9b solid;
padding-left:15px
}
.item-title a{
font-weight:400;
color:#777
}
/*=======Fim-By-Gizaa[candylland.blogspot.com]========*/
Espero que gostem e qualquer coisa avisem :)
