13 de out de 2012

Tutorial: personalize a data das postagens

adidas
Oi gente, sou eu de novo!! Mas agora eu trouxe um tutorial do Miki Candy que vai deixar seu blog super fofo!!! As postagens vão ficar bem mais bonitinhas... Bom, agora vamos ao tutorial.

Primeiro, você deve deixar o formato da data, dessa forma: 08/02/12 (ela aparecerá de acordo com o dia que você estiver), para isso, vá em em: Configurações  Idioma e Formatação  Formato da data, e altere como a do exemplo acima, e salve! 

Agora vá em Design  Editar HTML  aperte CTRL+F, e procure por:


main-inner h2.date-header {

 Achou? Agora, você deve apagar todo esse código:

.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);

}
Agora substitua este código por este outro:

.main-inner h2.date-header {
font: georgia; 
color: #fff; /* Cor da fonte */
margin-left: -85px; /* Espaço entre data e área do post, altere até ficar do tamanho certo */ 
background: #FF69B4; /* Cor do fundo */
float: left; /* Posicionamento, caso a sua barra lateral seja do lado esquerdo, mude para left */
font-size: 11px; /* Tamanho da fonte */
padding: 4px; 
border-radius: 10px; /* Bordas arredondadas */
}
.main-inner h2.date-header:hover {
background: #66CDAA; /* Cor do fundo quando passa o mouse */ 
}

Agora faça as alterações necessárias e prontinho!!! Espero que tenham gostado do tutorial :) 



31 comentários:

  1. Fica muito lindo mesmo, eu ja vi em uns blogs, ah concerteza vou usar no proximo lay'
    Seu blog é lindo demais, ja estou seguindo sdv?
    Quero me afiliar com ele amor, pfv aceita?
    Espero sua resposta por comentarios em meu blog, e se tiver alguma regrinha me avise!

    >> Sweet Magia <<

    ResponderExcluir
  2. Pelo que vi aqui, fica realmente lindo, mas a minha data também é personalizada :)
    Beijos
    Blog iBloguera

    ResponderExcluir
  3. Amor ja te coloquei na minha elite afiliados, agr so vc me seguir lá no blog e assim toda postagem sua eu comento e toda postagem minha vc comenta tá bom? Beijoos,


    > Sweet Magia <

    ResponderExcluir
  4. Ótimo tuto, fica super fofo!! Flor, aceito afiliação sim amore :3 Vocês só precisa seguir meu blog, já estou seguindo o seu. Depois me avisa lá e te coloco! Kiss

    Explodindo Glitter.blogspot.com

    ResponderExcluir
  5. oon ;/ eu nao consegui ,
    mas deve ser lindo ne ?
    beijos ,
    http://bhulago.blogspot.com.br/

    ResponderExcluir
  6. Ótimo tutorial! Gostaria de saber se você gostaria de se afiliar ao meu blog! :) Beijos!
    blog-jacresi.blogspot.com (antigo World Of Lola)

    ResponderExcluir
  7. oii flor, adorei seu blog *-* obrigada pela visita lá no meu. Ótimo tutorial! Muito sucesso pro seu blog e pra vc! Beijos

    theteenagersplace*blogspot.com
    (tire a *)

    ResponderExcluir
  8. adorei o blog!
    já vou aplicar as dicas no meu!


    estamos seguindo, segue?
    blogheymoon.blogspot.com.br

    Beijão, ;*

    ResponderExcluir
  9. Nem preciso dizer que eu AMO seu blog né, muito fofo, e amei a dica xD
    Tem post novo, passa lá, perfumes cupcakes, conhece? xD

    bjooos

    www.blogdamaanuh.com

    ResponderExcluir
  10. Já estou seguindo de volta. Blog fofo *-*

    ResponderExcluir
  11. A quanto tempo não passo por aqui, que ja estava morrendo de saudade, amei o tutorial quem sabe eu uso no meu proximo lay..
    Beijooos

    maniaafeminina.blogs...*

    ResponderExcluir
  12. Adorei o tutorial,fica bem legal ! =D

    morangohcomvermelho.blogspot.com

    ResponderExcluir
  13. Fica bem bonitinho <3
    Bjuu

    @KeepSmilingKill
    Gostinhoporsuicidio.

    ResponderExcluir
  14. ótimo tuto LOL Acho necessário personalizar a data! É um charme a mais e um detalhe que faz diferença u.u HAHAH, mt boom o tuto,b j
    Morangostambemfalam | blogspot

    ResponderExcluir
  15. Adorei o tuto e vou favoritar o post para tentar depois no meu blog de testes.
    Cheguei ao seu blog por acaso e estou gostando muito. Já estou seguindo e vou ficar muito feliz se vc tb me seguir.
    Tenha uma ótima semana.
    xoxo

    GOSTO DISTO!

    ResponderExcluir
  16. Ah, amei! Fica muito fofo e delicado :) Seu blog é um amor, muito lindo.

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
  17. Amei o tutorial!!

    Kissus ~Strawberries(clica no perfil).

    ResponderExcluir
  18. Amei o tuto !
    Beijos.

    Sweet Imagination

    ResponderExcluir
  19. Adorei (;

    Parabéns pelo blog gatinha!

    Seguindo com toda certeza haha'

    Beeijos
    Pâmela Lourenço
    http://prosaverdee.blogspot.com.br

    ResponderExcluir
  20. Oi flor, seu blog é lindo :*
    Amei ele, já tou seguindo faz tempo.

    Meu blog é novo, queria que você fosse visita-lo. - Garota Estranha {Perfil}
    E você pode me aceitar como afiliada? Adoraria, Beijos.
    Te espero lá *w*

    ResponderExcluir
  21. Muito fofo seu blog *-*

    seguindo ;D


    http://designermaniagiovana.blogspot.com.br

    ResponderExcluir
  22. Adorei o seu blog! :D
    A fonte do título do meu blog faz parte de um layout, haha. Eu mudei esses dias! :)

    Beijos

    ResponderExcluir
  23. Oii, flor :3 Tem uma tag pra você lá no meu blog :) >> http://whatever-it-takes-s2.blogspot.com.br/2012/10/tag.html#more

    ~~KISSUS~~

    ResponderExcluir
  24. Oii florzinha ^^
    Muiito legal esse tuto!
    Demorei um pouquinho pra vir retribuir seu carinho láa no blog, mas vim viu! ahsuahsuha'
    jaa to seguindo seu espaço e espero que possa seguir o meu.
    Vou ficar de olhos nos tutoriais pra fazer umas mudanças no meu layout. Bjjs :D

    http://alucinadaeconsumista.blogspot.com.br/

    ResponderExcluir
  25. Amei teu blog :)
    Seguindo seu blog >.< Segue de volta ?
    http://blog-thelook.blogspot.com.br/

    ResponderExcluir
  26. Adorei o tutorial, fica bem melhor quando a data tá personalizada ^^

    Beijinhos~~> Paradise City

    ResponderExcluir
  27. Que legal o tutorial, bem maneiro. Beijos!

    Gertie Girl (-Para acessar o blog basta clicar no perfil.)

    ResponderExcluir
  28. Eu já tentei mas deu errado e agora tenho preguiça e desisti ¬¬'
    Mas tudo bem.. Amei o blog, super fofo!
    Parabéns por ter um blog tão perfeito!


    HistoriaAgridoce|blogspot

    ResponderExcluir
  29. Heeeey, seu blogger e muito lindo, seus post sao muito bons
    Com certeza eu o seguindo, sera que voce pode seguir o meu?
    Ficaria muito honrada com sua visita !
    Espero anciosamente você no meu cantinho viu !
    Um Big Big Beijo pra voce *o*
    Parabens por esse bloger,e que ele cresça cada vez mais
    BY: world-commentsgirls.(blogspot.com.br) TIRE OS PARENTESES OU ENTRE PELO MEU PERFIL

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita