26/10/2012

9

Data do blog Personalizada



Oi gente, tudo bem? Aqui é a Brenda de novo, me desculpem por não ter postado na quinta,
é que eu estou em semana de prova e tudo e a minha mãe só me deixa entrar na sexta. Então,
eu acho que eu só vou postar agora na sexta ok? Mas voltando ao tutorial. Hoje eu vim ajudar
a personalizar a data do post do seu blog :)
Clique em Leia Mais.

Créditos ao Miki Candy.

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! ;D
Agora vá em  Modelo-> Editar um HTML.

main-inner h2.date-header {

Achou? Agora você precisa apagar todo esse código.
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);

}
E coloque esse no lugar.

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

Visualize e depois salve.
Atenção: A data só vai funcionar no modelo viagem!
*Quem quiser ver outros tutoriais, fale por comentário qual que você quer ok?
Beijos pessoas lindas
Brenda ♥
 

9 comentários:

  1. Ótimo tutorial,gostei :D
    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  2. super legal esse tutorial ,gostei!
    beeeeijos :3

    Gotas de fofura

    ResponderExcluir
  3. Super legal o tuto, amei! Amei o blog, é muito cute,seguindo.
    Beijos
    universoteengirl-porlarissa...

    ResponderExcluir
  4. Adorei o tutorial, fica muito melhor assim, do que do jeito convencional do blogger !

    the-world-icons.blogspot.com.br

    ResponderExcluir
  5. Usei,so q alterei para ficar retangular.
    O cupcakezando mudou de blog e endereço,ok?gora é Cherry Go e o endereço é cherrygo.blogspot.com.Me troca ai na afiliação,tu continua la,ok ??

    ResponderExcluir
  6. Gostei do tuto ,gostei mesmo


    algodaodoceteen.blogspot.com.br

    ResponderExcluir
  7. Muito legal, obg por visitar e seguir meu blog, sempre será um prazer lhe recebe-lá no meu cantinho virtual k' seguindo de volta.

    http://mariaclaradesign.blogspot.com.br/

    ResponderExcluir
  8. gostei do blog muito show!

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡