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.

Comentários

  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

Postar um comentário

Fique à vontade para interagir e tirar dúvidas.
Peça tutoriais em Contato
Você pode usar as tags negrito (<b>), itálico (<i>) e links (<a>)
Comente com o link do seu blog para que eu possa visitá-lo ♪(^∇^*)