Separar as Postagens

As postagens são o foco principal de cada blog, é onde o leitor vai passar a maior parte do tempo. Fazer com que ela fique legível e agradável ao seu leitor é essencial para que ele continue a leitura do seu blog. Separar as postagens faz com que a leitura se torne menos cansativa, além de facilitar a diferenciação se uma postagem da outra. Aprenda a como aplicar este tutorial lendo esta postagem.

1 Vá para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por .main-inner .column-center-outer {, você achará algo assim:
.main-inner .column-center-outer { background: transparent none repeat scroll top left; _background-image: none; }
2 Substitua o código acima por este:
.post-outer { background: #fff; /*--- Cor do fundo ---*/ padding: 10px; /*--- Margem interna ---*/ margin: 5px 3px 25px; /*--- Margem externa ---*/ }
3 Faça as alterações necessárias.

4 Salve.

8 comentários, comente também!

  1. Adorei o tutorial :3 Explicou super bem.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
  2. Adorei o tutorial, bem explicado e o resultado fica lindo *ooo*
    Adorei o layout daqui, mds que divo *----*
    Kiss
    With You || Imperfectous

    ResponderExcluir
  3. Adoreii! Alguém sabe oq esta acontecendo pq não esta parecendo o curti do face no gadget dos blog ou é só o meu? Pq já abri no Internet Explorer e no Chrome e não aparece em nenhum blog e site algum! Se puderem me responder agradeço ^.^

    Bjox karinhoso Kaa
    ♥ Uma Pequena Inspiradora

    ResponderExcluir
  4. Muito obrigada, estava mesmo precisando deste tuto >o<

    ResponderExcluir
  5. Anônimo10/8/14

    Não tem esse código no meu modelo e agora???

    ResponderExcluir
    Respostas
    1. Procure por #comments e cole acima o segundo código ^^

      Excluir
  6. Oi Alan! Minha dúvida é que acontece que quando fiz esse tutorial, a data ficou em cima do título, fora da caixa do post. Como concerto?

    ResponderExcluir
    Respostas
    1. Você pode tentar fazer este tutorial[http://www.wehearthtml.com/2014/01/data-da-postagem-abaixo-da-titulo-da.html] ou qualquer outro de como personalizar a data, qualquer dúvida entre em contato!

      Excluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...