Image Map

Data ao lado do titulo da postagem

|
Tumblr_lwb94amsj11qi88xwo1_500_large
O resultado fica similar ao da imagem abaixo, fica muito lindo e vale a pena!
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner h2.date-header {
No código do seu template deverá estar mais ou menos assim:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Substitua este trecho por este:
.main-inner h2.date-header {
float: right;
background: #FFFFFF;
color: #333;
font-family: Tahoma, Tahoma;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}
* Substitua o que está em azul pela cor que você quer que fique o fundo da sua data, substitua o que está em verde pela cor da fonte da sua data e se você quiser que sua data fique sem as bordas arredondadas retire o que está de laranja.
Bem simples não é? Usou ? Lembre-se dos créditos! Beijinhos.

9 comentários:

Erica Lima disse...

Já tinha visto em outro blog *-*
Deixa a data bem melhor! rssrs

http://garotasederivados.blogspot.com/

Anônimo disse...

Ufaaa!!
A tempos queria esse tutorial; estou reformando todinho o meu blog e você salvou (kk) pensei que não iria achar ele.
Pode deixar que darei créditos.
Jajá meu blog estará disponível novamente.

Big beijones
http://meninamulhermomentos.blogspot.com

Anônimo disse...

Ah já estou seguindo...

Anônimo disse...

usei e amei!

Sofia Mota disse...

Não consegui achar isso no meu HTML! Me ajude,

Debee disse...

Usei! \O/

Beatriz Sousa disse...

não consigo ;S

Vicky ♡ disse...

nem eu consigo achar no meu html! AJUDA!

Diogo disse...

Salvou meu template :)