08/08/2012

Personalize a data das Postagens

Hello People, tudo bom? Primeiramente gostaria de Agradecer pelo Post da Luly sobre o Blog lá no TZA, sério, ficou muito perfeito *-* Tava com saudade de postar Tutoriais pra vocês, então decidi trazer mais um. Esse vai te ajudar a personalizar a data das Postagens, não se esqueça de dá os créditos a todo e qualquer Tutorial que você pegar aqui, lembre-se que isso é o mínimo que você pode fazer pelo meu trabalho!
Bom, o Tutorial é mega Simples, eu andei mexendo no HTML do Blog, e descobri essa forma legal de personalizar a data da postagem. Quem tiver curioso, clica logo abaixo!
No Painel do Blog, Clique em Design - Editar HTML - Ctrl+F e pesquise por  .main-inner h2.date-header {
Assim que encontrar, substitua todo o código que vai desse trecho até a Chave } pelo código abaixo:
.main-inner h2.date-header {
font: normal 10px Arial;
color: #666666;
background: #fff;
margin-top: -10px;
text-align: center;
border-radius: 15px;
}
Prontinho! Agora só basta ajustar de acordo com o seu Layout. O resultado fica mais ou menos assim óh:


Espero que tenham gostado. Um beijo no coração de todos, e Até a Próxima!

24 comentários:

  1. Adorei o tutorial, mas acho que já tinha postado isso antes...

    the-rain-wll-pass.blogspot.com
    ll-theotherside.blogspot.com

    ResponderExcluir
  2. Amei muito este tutorial, vi que você usou ele no ultimo layout (acho), e amei muito, ia até pedir! HAHA! Você adivinhou meus pensamentos, kk, brincadeira!!
    Ótimo tutorial, vou fazer em um layout que to pra fazer!!

    http://garotavertigem.blogspot.com.br/

    ResponderExcluir
  3. Já conhecia! Acho que fica muito legal e clean :)

    Bjs!
    http://sorvete--de--morango.blogspot.com/

    ResponderExcluir
  4. Esse tutorial fica muito lindinho, é mais uma forma de personalizar bastante o blog. Explicou super bem, e o efeito é lindo! Ah, que bom que você gostou do post lá no blog, eu achei que ficou bem legal, espero que tenha gostado de verdade. O banner ficou super bom e já ta lá no blog junto com os outros blogs divulgados. Um beijo!
    the-zombie-attack.blogspot.com

    ResponderExcluir
  5. Amei o tutorial, muito útil mesmo! Um beijo!
    http://londonhit.blogspot.com

    ResponderExcluir
  6. lindooo amei o tutorial parabéns Alex

    ResponderExcluir
  7. Seus tutoriais são muito legais, Parceiro. Apesar de ser algo que eu não vou mexer talvez nunca, eu acho bem legal ver. KKKK Quem sabe eu passe a ver html na minha frente daqui alguns anos? Pois é.

    Beijos,
    Monique <3
    http://www.secretsofalittlegirl.com/

    ResponderExcluir
  8. Amando isso :D
    -->http://smileretro.blogspot.com.br/

    ResponderExcluir
  9. O.O que blog lindo!!! Amei o tutorial, muito bem explicado ^^

    Bjo
    srtaindependencia.blogspot.com

    ResponderExcluir
  10. Já usei um estilo de data bem parecido, fica lindo. (:

    http://world-cutest.blogspot.com

    ResponderExcluir
  11. Antes de mais nada eu quero te parabenizar pelo blog. Lindo demais e muito bem organizado. Parabéns, querida!

    Adorei o tutorial!

    Beijo,
    www.estanteseletiva.com

    ResponderExcluir
  12. Ótimo tutorial.. ainda não conhecia ele :)
    beijinhos ;*
    Kayla/Sweet Wordeland
    http://sweet-wordeland.blogspot.com/

    ResponderExcluir
  13. Super legal o tutorial! Fica bem lindão!
    Beijo.

    blogmodaonline.blogspot.com

    ResponderExcluir
  14. Blog lindooooooooooo!

    Abandonei o blog por uns tempos mas estou voltando.. se possível, adoraria que me seguisse!
    No momento não estou conseguindo seguir os blogs mas assim que resolver esse problema no meu pc, sigo todos os meus seguidores.

    Beeeeeijo gato!

    ResponderExcluir
  15. Muito facinho! Testei e deu certo, pretendo usá-lo futuramente!! Seu blog é ótimo, seguindo! Bjs

    meninasapeca-ms.blogspot.com

    ResponderExcluir
  16. ótimo tutorial :)

    #Beijos! ♥
    http://caprichadasbr.blogspot.com.br/

    ResponderExcluir
  17. AAAdorei aqui, estou seguindo.
    Passa no meu novo blog? Beijos.
    http://md-alternativo.blogspot.com.br/

    ResponderExcluir
  18. Tutorial hiper util, pena que ja estou me dedicando no proximo lay do meu blog, onde não tem as datas!
    http://bangteen.blogspot.com.br/

    ResponderExcluir
  19. Que legal! *-*
    Eu fiz no meu blog de testes, fica lindo de mais :) Se eu usar, eu credito, ok? ^^

    Obrigada pela visita no meu blog, estou seguindo aqui!
    Beeijos!
    > http://we-lovesweets.blogspot.com

    ResponderExcluir
  20. Amei o tutorial! Mas já conhecia :)
    Beijoos ~> http://strawberries123.blogspot.com.br/

    ResponderExcluir
  21. Genial esse tutorial, diferente de todos que já vi!

    http://www.gravidadeartificial.com.br/

    ResponderExcluir
  22. Amei esse tutorial !
    Bem diferente .
    Seguindo aqui,aceita afiliciação ? aguardo a resposta .
    Seguindo,,beijos ...

    blog-sweetimagination.blogspot.com.br

    ResponderExcluir
  23. ehhhhhh muitoobrigada consegui depois de muito tentar.

    ResponderExcluir
  24. Oi sou o Carlos do blgo Left One Direction , criei o blog recentemente e queria que você deixasse sua marquinha lá no blog , eu tive também o WE MOUSTACHE que agora está desativado.
    Abraços Carlos.
    http://leftonedirection.blogspot.com.br/

    ResponderExcluir