2.9.12

Personalizando a data do post


Tumblr_m8yclj0mjt1qedc45o1_500_large

Oii gatinhas ! como diz o titulo vim ensinar a vcs como personalizar A data do post !

Vamos lá :

Em primeiro lugar vcs tem que deixar o formato de sua data desse jeito --> 08/02/12 

Se não sabe como colocar : Vá em --> configurações -->Idioma de formatação --> formato da data -->
Altere como a data acima ! Salve !!

Ps . não se preocupem a data vai ficar de acordo com a data do seu post .

Depois de salvo Vá em :

Design .->> Editar HTML ->> Ctrl F  ->> procure por :

main-inner h2.date-header {


Vai estar assim apague :


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

E substitua por :

.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 */
}

Personalize como quiser !


Visualize ! e se estiver tudo certo Salve !

Espero que gostem !!


Créditos : Miki Candy

Nenhum comentário:

Postar um comentário

Que bom que vai comentar !!
Mais para fazer isso leia as regrinhas:
- Aceito criticas ,sugestões e opiniões.
- Seguindo segue de volta,se comentar sobre o post.
- Não retribuirei a visita se não comentar sobre a postagem.
- Deixe o link do blog para eu retribuir a visita.
Eu e o DW agradecemos ! Fique com Deus .