Como colocar um fundo colorido e centralizar a data?

09:38

200810210820452_large

O tutorial de hoje, teve como inspiração em um dos comments do post anterior!... A nossa leitora aninha disse:
Haha, adorei a campanha !!! (:Seu blog é genial, vc pode me explicar como coloca a data do post no centro? não sou muito boa de html :s Beijos...

Então, para começar eu não sei como centralizar apenas a data. Mas conheço um tutorial que ensina a colocar fundo colorido nos Gadgets do blog e assim automaticamente nas datas também! Então clique em continuar lendo e veja o tutorial! 



Vá em Design > Editar HTML > Ctrl + F > e pesquise por
/* Headings
 vai aparecer assim:

/* Headings
----------------------------------------------- */

Abaixo dessa tag coloque os seguintes codigos...

h2 {background-color: #000000 ;background-position: center;font-size: 115%;text-align: center;font-size: 12px; }
h2.date-header {background-color: #000000 ; none;

Onde está vermelho você vai substituir por outro código, o código da cor que você quer.. Entre na paleta de cores da Web e faça sua escolha! Obs: O primeiro é a cor do Gadget e o segundo é a cor da data!

Dica:

Assim como a Aninha se você quer que a data fique com um efeito centralizado copie da tabela de cores da Web a mesma cor do plano de fundo da postagem do seu blog e substitua o segundo código vermelho! Ex: A cor do plano de fundo do blog é Branco então copie o código da cor branca e substitua o segundo código! Simples!... ^^ 

Elcimar Reis. 

Você também pode gostar:

Comentários
23 Comentários

23 mil comentários

  1. kkkkkkkkkkkkkkkkkkkkkk' é engraçado mesmo! quer ver mais coisas engraçadas?
    Vai no meu blog: http://mundodascoisasengracadas.blogspot.com/
    Ou no tumblr: (que não é meu) http://malu1998.tumblr.com/
    Olha, fico lendo esse tumblr toda hora e é de lá que tiro coisas engraçadas para meu Blog!
    Se ficar lendo esse tumblr e passar e página em página, você vai rir muito!
    Eu cheguei até a página 80 de tanto ler! Vale apena ver esse tumblr! Vê meu blog tb em!
    Bjks!

    ResponderExcluir
  2. Posso ser sua afiliada??
    retribui o coment?
    http://mundodasmeninaslive.blogspot.com/

    ResponderExcluir
  3. AMEIIIII o seu blog!

    tem coisa nova no meu... estou te seguindo..

    bjs

    www.programaestressadas.blogspot.com

    ResponderExcluir
  4. Obrigaada pelo comentário, já tinha escrito antes mas nunca postei. *-*
    aah, adoro as suas dicas ;D
    xox*
    -C. ♥

    ResponderExcluir
  5. Ola' Elcimar, gostaria te convidar a participar do sorteio de um esmalte Chanel Blue Satin no meu blog http://myinspiration.com.br
    beijos e bom domingo

    ResponderExcluir
  6. pode deixar que eu aviso !!

    thegirlandboy.blogspot.com

    ResponderExcluir
  7. Seguindo esse tambem amor (: Beijão ♥

    caduma.blogspot.com

    ResponderExcluir
  8. Oi Elcimar!
    Olha, vou ter que colocar o seu só amanhã...
    É que to ficando um tempo no computador jogando... E to meia desligada do Blog!
    Mas amanhã quando eu entrar no Blog, vou colocar o seu Blog na elite de afiliadas antes de tudo tá? E não se preocupe! Eu prometo que coloco é que para isso tenho que pegar sua imagem e tal... e não to no Blogger todo o tempo... Só vim no Blogger agora desde aquela hora!
    Bjks!

    ResponderExcluir
  9. Oi Elmcimar!
    Muito legal esse tutorial!
    ótima ideia!

    Beijocas ^^

    ResponderExcluir
  10. Ixi... adorei o post... Pelo o jeito vou ter que tirar um tempinho pra passear no seu blog e aprender um monte de coisas...

    Beijos

    Mari
    www.momentomulherzinha.com

    ResponderExcluir
  11. (kkkk).... Tirar um tempinho, dessa eu gostei! (kkk) (^^)

    ResponderExcluir
  12. AAH, MUITO obrigada !!! Eu estava realmente precisando. Desculpa por não comentar antes e não usar o tutorial no meu blog.. é que eu estava muito ocupada. Novamente, MUITO obrigada rs'

    Beijos www.garotas-de-atitudes.blogspot.com

    ResponderExcluir
  13. Oi ^^ Pra você centralizar a data é assim :
    Procure por
    color: $(date.text.color);
    Quando achar, cole abaixo dele isso :
    text-align:center;

    Prontinho (:
    Nha, desculpa se fui inconveniente, só queria ajudar (>_<)
    Beijinhos (*o*)/

    ResponderExcluir
  14. eei , adorei o blog e o tutorial, mas quando boto cor na data (as bordas da postagem são redondas) a cor que botei na data fica saindo para fora, quadrada, tem como me ajudar? E outra coisa, eu tava no Nerds Feras, e segui um tuto pra separar a sidebar por gadgets, mas tava redonda, ai ficou quadrada depois que bootei a cor que tava como 'moldura' (a junção dos gadgets) ficou quadrada de novo, queria deixar redondo, mas separado, tem como fazer esses tutoriais? Por favooor Beijinhos ;*

    ResponderExcluir
  15. esqueci de botar, http://criticsofparadise.blogspot.com.br/

    ResponderExcluir
  16. Oie!!!! Amei, olha o seu deu certíssimo, gostaria de saber como faço agora para deixar a data do post abaixo do título, mantendo é claro centralizado, e como personalizar a cor, e tamanho da fonte.

    Obrigada e Deus abençoe!

    ResponderExcluir
  17. e para mudar a fonte por esse código tem como? Elcimar !

    ResponderExcluir

Já curtiu?

+ Lidas