Tutorial - 2 menus que poupam imenso espaço

Oi milkas, como tenho recebido muitos pedidos, vou ensinar como faço o menu no "status" e o "extras"

Como perder o namorado com 10 erros de maquilhagem

Found on : Garota do Olhar Sincero

Oi bolachinhas de caramelo e baunilha ( será que fica bom ? )

Obrigada por todos aqueles comentários lindos no post anterior :*

Hoje trago um post rápido, um vídeo muito engraçado, amanhã ensino-vos um tutorial :)

Está em Inglês mas dá para perceber.

Bjs <3

Créditos : Jackie Dream

Tutorial - Posts e gadgets separados

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 :)