Dando estilo a sidebar e ao footer do novo Blogger

Vou colocar alguns modelinhos para que vocês possam dar uma encrementadinha em seus blogs e refazer alguns que já tinha colocado aqui. ;-)

Modelo da sidebar

Modelo do footer

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por: ]]></b:skin>

   

 

Antes dele, cole o código abaixo:

/*Sidebar------------------------------------------------------------*/
#sidebar-right-1, #sidebar-right-3 {
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#sidebar-left-1,  #sidebar-left-3 {
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#sidebar-left-2-1,  #sidebar-right-2-1 {
margin: 10px 1px 10px 3px;
padding: 26px 8px 26px 8px;
background:#cc0000;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}

#sidebar-left-2-2,  #sidebar-right-2-2{
margin: 10px 3px 10px 2px;
padding: 26px 5px 26px 5px;
background:#090EE7;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}

#sidebar-left-1 h2, #sidebar-left-3 h2, #sidebar-left-2-1 h2, #sidebar-left-2-2 h2,  #sidebar-right-1 h2,  #sidebar-right-3 h2,   #sidebar-right-2-1 h2,  #sidebar-right-2-2 h2 {
 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
text-align: center;
font-size: 18px;
padding: 8px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
 text-shadow: black 0.1em 0.1em 0.2em
}


#sidebar-right-1 .widget,  #sidebar-right-2-1 .widget, #sidebar-right-2-2 .widget,  #sidebar-right-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}

#sidebar-left-1 .widget,  #sidebar-left-2-1 .widget, #sidebar-left-2-2 .widget, #sidebar-left-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}

#sidebar-right-1 .widget-content, #sidebar-right-3 .widget-content,#sidebar-left-1 .widget-content, #sidebar-left-3 .widget-content, #sidebar-right-2-1 .widget-content, #sidebar-right-2-2 .widget-content, #sidebar-left-2-1 .widget-content, #sidebar-left-2-2 .widget-content{
background: #fff;
padding: 2px 2px;
}

#sidebar-right-1 ul li, #sidebar-right-3 ul li, #sidebar-left-1 ul li, #sidebar-left-3 ul li, #sidebar-right-2-1 ul li, #sidebar-right-2-2 ul li, #sidebar-left-2-1 ul li, #sidebar-left-2-2 ul li{
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGKK2naUzBAxlva1KMzWobZpBx_QE6f7qUc0EsoE_j1Bv9PhQ9gi8_uJPL8c-ubywMaAKxM_QER7o9csOII7F4kFeOnaRlQLUpjZDEEVbHhap_ayDSoseEmdV1h_9qBfq1IPqwcOVTqXi/s1600/arrow3_e.png);
vertical-align: top;
padding-bottom: 1px;
margin-left: 2px;
border-bottom: 1px dotted #808080;
}

/*Footer-------------------------------------------------*/
#footer-1{
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-1{
margin: 10px 3px 10px 3px;
padding: 26px 8px 26px 8px;
background:#FFCC43;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-2{
margin: 10px 3px 10px 3px;
padding: 26px 5px 26px 5px;
background:#090EE7;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-2-3{
margin: 10px 3px 10px 3px;
padding: 26px 5px 26px 5px;
background:#cc0000;
-moz-border-radius: 0 20px;
-webkit-border-radius:0 50px;
border-radius:0 50px;
}
#footer-1 h2, #footer-2-1 h2, #footer-2-2 h2, #footer-2-3 h2 {
 background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
text-align: center;
font-size: 18px;
padding: 8px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
 text-shadow: black 0.1em 0.1em 0.2em
}
#footer-1  .widget,  #footer-2-1 .widget,   #footer-2-2   .widget, #footer-2-3 .widget {
background: #fff;
margin: 8px 0 8px 0;
border: 1px solid #eee;
padding: 12px 5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
#footer-1  .widget-content, #footer-2-1 .widget-content, #footer-2-2  .widget-content, #footer-2-3 .widget-content{
background: #fff;
padding: 2px 2px;
}

#footer-1  ul li, #footer-2-1 ul li, #footer-2-2 ul li, #footer-2-3  ul li {
list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGKK2naUzBAxlva1KMzWobZpBx_QE6f7qUc0EsoE_j1Bv9PhQ9gi8_uJPL8c-ubywMaAKxM_QER7o9csOII7F4kFeOnaRlQLUpjZDEEVbHhap_ayDSoseEmdV1h_9qBfq1IPqwcOVTqXi/s1600/arrow3_e.png);
vertical-align: top;
padding-bottom: 1px;
margin-left: 2px;
border-bottom: 1px dotted #808080;
}

Salve !