Image Map

Postagens separadas

Tumblr_m8nguzyoza1rvl852o1_500_large
We Are Never Ever Getting Back Together.

Oii framboesas,
hoje eu vim ensinar um tutorial bem legal!
Esse tutorial eu vi no Jackie Dream, que eu adorei. 
Estão vendo como as minhas postagens são separadas e tem tipo um brilho em volta? É isso que iremos aprender hoje!
É bem simples e não precisa de muito trabalho. 
Ah, gostaria de agradecer todos que curtiram a Fan Page do blog! Te amo <3 kkk
Créditos do tutorial: Jackie Dream
Créditos do blockquote: Farry Teen
Vamos ao tuto?

Você só tem que: 
1. Editar HTML> Ctrl+F e procure o seguinte código:
.main-inner .column-center-outer {
Se você não achou o código, tente procurar por alguma parte do código abaixo

Se você ''NUNCA'' mexeu nesta área do template ela estará mais ou menos assim:
.main-inner .column-center-outer {  background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image: none; }

2. Então, substitua todo este 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: 50px;
} 

3. Modificando:
 #DCDCDC - Cor do "brilho em volta"
 #fff - cor do plano de fundo da postagem

4. Salve e visualize.
Fácil, né? Gostaram?
Comentem!
Beijos...

23 comentários:

  1. O resultado é bem legal.E deixa o blog bem mais atraente!

    Kisses :*
    sweet-flower-laura.blogspot.com.br

    ResponderExcluir
  2. ótimo tutorial ^^
    Adorei ;D
    BEIJOS
    http://www.diariociumento.com

    ResponderExcluir
  3. Legal, muito bom na hora que precisamos :)
    http://sweetdreamssah.blogspot.com.br/

    ResponderExcluir
  4. Muito bom o Tutorial, fica bem legal :D

    siteiloveit.blogspot.com.br

    ResponderExcluir
  5. Eu achei seu blog muito fofo e lindo *--*

    E adorei o tutorial também! Beijooos!


    http://luchageek.blogspot.com.br/

    ResponderExcluir
  6. Nao estou conseguindo achar no HTML codigo inicial :'(

    ResponderExcluir
  7. Não consegui achar o 1º código...
    Mas estou te seguindo...espero sua visita lá no meu...

    http://elielmavasconcelospink.blogspot.com.br/

    ResponderExcluir
  8. Que linda a foto-chefe! kkkkkk. Bom, amei o tutorial, mesmo, quem sabe aplico ele no Acesso Permitido?

    Acesso Permitido.

    ResponderExcluir
  9. ai, tutorial mara. foto da tay mais mara ainda haha *-*
    www.bygarotas.blogspot.com

    ResponderExcluir
  10. Eu uso esse tuto no meu blog! Como faz o rodapé personalizado igual aqui?

    Seguiindo

    Beijos da ♥ Bibi ~ Chan ♥

    #Nhaac -> http://blog-pinkberry-oficial.blogspot.com/

    ResponderExcluir
  11. Adorei o post e essa foto!
    bjss
    www.byhoradoblush.blogspot.com

    ResponderExcluir
  12. Adoro esse tutorial :)
    Cat Girl (clique no meu nome)

    ResponderExcluir
  13. Menina, você salvou minha vida ! ~oooohhhh~
    Eu to procurando esse tutorial faz séculos !
    Eu to preparando uma mudança lá no blog (ps:não vou tirar o lay que você fez), tipo: cor da letra, letra, esses troços aí do blogger. Aí isso era essencial ! Obrigada, mesmo !
    Beeijos...
    http://geracao-de-fe.blogspot.com

    ResponderExcluir
  14. Esse tutorial é lindo e mega prático, perfeito e deixa um ar de blog organizado.
    Nhaac:3 | http://www.viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  15. Eu uso um parecido! Eu passei a amar as postagens assim, fica mais organizado *-* Ótimo tutorial. :)
    Seu blog é tão fofo e delicado, claro, já virei seguidora!
    Vem me visitar, <3

    Beijinhos, Paula
    sweetmakeups2.blogspot.com

    ResponderExcluir
  16. Fica bem lindo com essa sombra. E combina muito com seu blog, que é todo rosa e colorido (:

    Farry Teen

    ResponderExcluir
  17. Estava procurando esse tutorial já faz um tempo, estou pensando em utilizar! Adorei!!!!!
    http://victory-blog1.blogspot.com.br/

    ResponderExcluir
  18. Ótimo tutorial, ele dá uma organizadinha na área dos posts com as postagens separadas! :)

    http://meninamoderna-blog.blogspot.com.br/

    ResponderExcluir
  19. adorei o tutorial.. quando eu quiser usar, vou voltar aqui hahaha
    Beijos,
    Luísa.

    ResponderExcluir
  20. adoreei este tuturial mto bakana!!!
    seu blog e mto lindo flor segundo aki

    segue o meu la

    http://pinksusu2012.blogspot.com.br/

    ResponderExcluir
  21. Anônimo31/8/12

    Adorei o resultado, tava procurando por um tuto assim! To usando já viu? Anjo, você poderia disponibilizar mais "setas para o topo"? Tipo essa que você ta usando sabe? Agradeço desde já.

    http://cherrybluue.blogspot.com.br/

    ResponderExcluir
  22. aaaaaaaaaaaaain eu não consegui ,

    ResponderExcluir

Obrigada por comentar! Consulte a FAQ.

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...