segunda-feira, 21 de julho de 2014

Separando Posts e Gadgets

| |

Olá pessoal! Está de noite e eu vim publicar mais um post que ajuda muito no seu blog. Se vc não tem o modelo que eu havia postado no segundo post aqui do blog, pra quem estava começando e não sabia um modelo bom para pegar eu dei o link para baixar um modelo já editável com as partes principais que todo blog deve ter. Então vc com certeza tem aqueles gadgets e posts tudo junto e não aguenta mais, espera eu vou ajudar vcs.


SEPARANDO: GADGETS

1- Primeiramente vc deve colocar o plano de fundo de seus gadget como transparente, indo em Modelo>>Personalizar>>Avançado>>Plano de fundo da barra lateral (como indica a imagem abaixo)



2- Após isso, volte para o modelo de seu blog e vá em Editar HTML, aperte CTRL F e procure por:

/* Widgets

3- Provavelmente vc irá encontrar algo parecido com isso:

/* Widgets----------------------------------------------- */.sidebar .widget {border-bottom: 2px solid $(widget.border.bevel.color);padding-bottom: 10px;margin: 10px 0;}

4- Então, cole antes de fechar a chave o seguinte código:

Background: #FFFAFA; /*Fundo do gadget */

SEPARANDO: POSTS

1- Vá em Modelo>>Editar HTML>>CTRL F>>Procure por:

.main-inner .column-center-outer {

2- Em seguida, apague o que estiver destacado e cole:

 .post-outer {
background: #fff; /* Fundo da postagem */
padding-top: 4px; /* Espaço do topo */
padding-left: 5px; /* Espaço da esquerda */
padding-right: 5px; /* Espaço da direita */
margin: 5px 3px 25px;
}

3- Salve e Pronto! 

Um comentário: