Como separar as postagens!

Oi minhas vacas atoladas no brejo dali da esquina, vim trazer um tútorial que não encomtro em blog nenhum e também é muito útil para pessoas que querem fazer layout Tumblr,e para aquelas que querem deixar seus blog com as postagens separadas por um pequeno espeço! é bem facil e deixa o blog bem fofinho, espero que gostem! Bijos até sexta.

Vá em desing, editar HTML, aperte Ctrl e F, e procure por:

.main-inner .column-center-outer {
 Irá aparecer assim:




Apague toda a tag e substitua por essa:

.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;
}

Não precisa alterar nada ;D



Boom, a borda não irá ficar arredondada, fofinha, entende?
Por isso antes da tag fechar adicione o código

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px

Irá ficar assim


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

Beijos e até o proximo post! Comentem

12 comentários:

  1. Separar os post fica bem organizado. Esse tutorial já estava no PP á algum tempo..
    Eu gosto deste *-*

    World-cutest.tk

    ResponderExcluir
  2. Ótimo tutorial, fica muito lindo *-* Adorei aqui, ótimo design e conteúdo, super DIVO!

    http://generationteenbr.blogspot.com.br

    ResponderExcluir
  3. Esse é um Tutorial muito procurado, passei um tempo procurando e o achei no Pink Pimenta.
    Que blog liindo Luan *--*
    Ja estou seguiindo <3
    http://cantinhocomtudo.blogspot.com.br/

    ResponderExcluir
  4. amei a tutorial, eu até fiz ela também mais a minha eu personalizei pra ficar com as divisórias em cada post, amei a sua que ensinou a ficar redonda :)
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  5. Adorei o tuto no proximo lay vou ver se uso as postagens separadas (:
    Beijos
    http://pepper-of-rock.blogspot.com.br

    ResponderExcluir
  6. Oi fofo !

    Nossa, eu tbm adorei seu blog *--*
    vs aceita afiliação ?? E eu ja estou seguindo, retribuui ? *--*

    http://crazygirl-original.blgospot.com

    ResponderExcluir
  7. Esse tutu é demais e o resultado fica ótimo! vc deve saber né? :p
    Beijos!
    http://www.cotidianodeumabarbie.blogspot.com.br/

    ResponderExcluir
  8. Amei o tutorial, me ajudou muito! :D

    ResponderExcluir
  9. Desculpe Luan, mas não posso abrir exessão, pois muitas pessoas ja pediram o mesmo :/

    ResponderExcluir
  10. Amei o tuto, muito bom!

    Posso te esperar no meu blog também?

    http://tvfabulous.blogspot.com.br/

    Bjs,
    Sté

    ResponderExcluir
  11. Aíi, aqui é lindo, obg por visitar meu blog e seguir, já retribui, volte sempre que puder viu, te espero por lá.

    Beijos :*
    http://sweet-flower-laura.blogspot.com.br

    ResponderExcluir
  12. Bem...eu não consegui. Não sei porque, mas esse código não funciona. Você não tem outro código 'reserva' não? Eu preciso muito desse tutorial. O fundo da postagem fica transparente

    ResponderExcluir