Oi, a maioria das pessoas sabe separar os posts e os gadgets por html. Mas eu descobri um código no Candylland onde podemos separar isso só adicionando um novo "html/javascript" Eu peguei o código base desse blog mas personalizei à minha maneira. Os códigos, além de separarem os posts/gadgets também tem personalizações como fontes personalizadas, bordas arredondadas...
Para separar os gadgets
Vai ao esquema do blog, e escolhe um novo gadget "html/javascript"
Depois, cola este código lá :
<style>
/**Separação de sidebar by Cat Girl **/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
overflow:hidden
}
.sidebar .widget h2 {
background:#fee /** COR DO FUNDO DO TITULO **/;
color:#f9b /** COR DO TITULO **/;
font-size:17px /** TAMANHO DO TITULO **/;
margin-top:-10px;
margin-left:-10px;
margin-bottom:10px;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR BY Cat Girl **/
</style>
Não retires os créditos
Para separar posts
Faz a mesma coisa, com este código :
<style>
/** Cat Girl POSTS DIVIDIDOS **/
@font-face {font-family:'Salsa';font-weight:400;src:url('http://themes.googleusercontent.com/static/fonts/salsa/v3/A4KcPjUX7Ams2Jqasy0vzQ.woff') format('woff')}
.main-inner .column-center-outer {
background:transparent none !important;
_background-image: none;
}
/** post **/
.date-outer{
background:#fff;
margin-bottom:25px; /* espaço entre os posts */
padding:15px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/** título do post **/
h3.post-title a, h3.post-title{
font: normal 25px Salsa; /** fonte **/
color: #f9b !important; /** cor **/
margin-left:5px !important;
}
/** Posts dividos por Cat Girl**/
</style>
P.S- Quando separares os gadgets, vai ao designer de modelos - fundo da barra lateral - deixa transparente.
Podes personalizar as cores e tudo o que quiseres. As instruções já lá estão.
Gostaste ?
Este tutorial foi pedido por 2 leitoras há algum tempo... se quiseres pede um também :)
