Como separar a área das postagens


Estou aqui para mostrar como separar a área dos posts! Resultado:




1. Vá em Design > Editar HTML e aperte F3.

Agora procure por:
.main-inner .column-center-outer {

Se você nunca alterou esta parte do template, ela estará assim ↓
.main-inner .column-center-outer { 
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none; 
}
2. Substitua todos esse código por este ↓
.post-outer {
margin: 3px 8px 15px;
background:#fff;
padding: 5px 5px;
box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 5px;
border-radius: 10px;
}

O número em negrito é a borda arredondada. Quanto maior o número mais arredondada ela vai ficar.
É a única coisa que recomendo mudar mais aí vai de gosto :)

Prontinho!

Beijos *-*

13 comentários:

  1. Fica lindo! Já salvei nos meus favoritos e vou usar no próximo layout! ;)
    Flor, tá rolando uma Gincana de Férias lá no CV! To te convidando pra participar! As incrições vão só até dia 15!!É só clicar aqui: Gincana Chiclete Violeta Tá cheio de prêmios incríveis. Te vejo lá, ok? ;)
    Beijinhos, Vickie
    --->www.chicletevioleta.blogspot.com.br

    ResponderExcluir
  2. Tem um selinho para ti no meu blog
    Love, Fofoca Feminina

    ResponderExcluir
  3. Flor tem selinho pra você lá no blog!

    minharosaamarela.blogspot.com.br

    ResponderExcluir
  4. adorei o tutorial, dá um efeito super legal no blog.
    infelizmente não combina com o meu laay *0*
    kisses~~

    #>>> www.the--baby.blogspot.com

    ResponderExcluir
  5. AAAAAAAH, menina que isso ?
    Que postagem divina *-*
    Tá rolando sorteio lá no blog (:
    Tem certeza que quer ficar de fora ?
    Sorteio de um Layout Exclusivo Beijinhos !!

    ResponderExcluir
  6. Adorei o seu blog e o tutorial foi bem util
    teen-girl-fashion.blogspot.com

    ResponderExcluir
  7. Perfeito o blog, já to seguindo.
    Ontem eu fiz um blog e no mesmo dia alguém excluiu ele , triste né, até tentei fazer um lay legal parecido com o de antes mais não consegui, não desisti e fiz outro igual, se der da uma passadinha lá?
    http://souassim-problem.blogspot.com.br/

    ResponderExcluir
  8. Aieeee esse tutorial é muito útil. Seguindo aqui flooor

    :D
    http://blogclubeteen.blogspot.com.br/

    ResponderExcluir
  9. A, amei seu blog, amei a postagem :)
    seguindo aqui, se gostar do meu blog
    segue também ?? Beijos..
    amoraazeda.blogspot.com

    ResponderExcluir
  10. Nossa, tô procurando isso há um tempão!! *O*

    Tá rolando um game com VÁRIOS prêmios no Teen World >>>  #Clique aqui!

    ResponderExcluir

Obrigada pelo seu comentário, sua opinião é muito importante!
Se seu perfil for trancado, não se esqueça de deixar o link do seu blog ou pelo menos o nome, para que eu possa retribuir. ♥

« » +