Personalizando a Data do seu Post

Eu já havia feito um post/tutorial sobre como personalizar a data do seu post e colocar na forma de calendário, mas estive lendo este post e achei que estava um pouco difícil.

Então resolvi trazer esta dica novamente para o Templates para Você de uma forma bem mais fácil com a ajuda da Elke do Templates e Acessórios! Foi lá que vi este tutorial e os créditos são todos dela!

Para a data do seu post ficar como está aqui no Templates para Você, siga os passos descritos neste post.
Não Se Esqueça:
» Essas configurações demandam algum conhecimento em códigos HTML e CSS. Portanto:
♥ Sempre tente antes num blogue de testes.
♥ Salve o seu template antes de começar, clicando em: Fazer backup/Restaurar
♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

1º- Passo:

Clique em Configurações » Idioma e formatação » Altere o formato da data

► Em Formato da Data escolha o formato:06 Novembro 2012

Veja as imagens:

►Clique em Salvar configuração

2º- Passo:

Vá em Modelo » Editar HTML

► Encontre a linha:

</head>

Cole ABAIXO desta linha o código:
<!-- JavaScript Personalizando a Data do Post-->
<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>";
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>";
anio = "<div class='fecha_anio'>"+da[2]+"</div>";
document.write(dia+mes+anio);
}
</script>
<!-- Fim JavaScript Personalizando a Data do Post-->
Salve seu template clicando em Salvar modelo

3º- Passo:

» Configurando a data para o formato vertical.

Encontre estas linhas abaixo:(Selecione as primeiras que aparecerem)
 <b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Substitua a linha:
<h2 class='date-header'><data:post.dateHeader/></h2>
Obs » Se código acima estiver desta forma:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2> você pode substituí-lo sem problema.
Pelo código abaixo ▼:
<div id='fecha'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='fecha'>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
<script>remplaza_fecha(ultimaFecha);</script>
</div>
OBS: As datas vão se repetir em todos os posts com este código.

O bloco de códigos irá ficar assim:
<b:if cond='data:post.dateHeader'>
<div id='fecha'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='fecha'>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
<script>remplaza_fecha(ultimaFecha);</script>
</div>
</b:if>

Veja como ficou no Demoplate 2010-3

4º Passo:

Para configurar a imagem ou bloco da data copie este código CSS abaixo e cole acima da tag: ]]></b:skin>
#fecha {
color: #464646; /*Edite a cor da data*/
padding: 0px 0px 0px 0px; /*Altere as margens internas da data*/
margin-right:5px; /*Margem externa direita*/
float:left;/*Localizado à esquerda do Título- Se quiser do outro lado (direito) mude left para right*/
text-align:center;
border: 1px none #dedede; /*Coloque borda se quiser*/
list-style:none;
display: block;
background: url('AQUI O ENDEREÇO DE SUA IMAGEM') no-repeat;
}
.fecha_dia {
display:block;
font-size:18px; /*Tamanho da fonte*/
line-height:16px; /*Altura da Linha*/
font-family:'Arial';
letter-spacing:-1px
}
.fecha_mes {
font-size:10px; /*Tamanho da fonte*/
line-height:9px; /*Altura da Linha*/
text-transform:uppercase;
display:block;
}
.fecha_anio {
font-size:9px; /*Tamanho da fonte*/
line-height:8px; /*Altura da Linha*/
display:block;
}

Configurando o CSS da Data:

  1. Onde está AQUI O ENDEREÇO DA SUA IMAGEM você pode colocar a imagem de uma folha de calendário, por exemplo.
  2. Aqui são alguns links de onde encontrar as imagens de folhas de calendário:
    Ícones de Calendários
    Folhas de Calendário
  3. Se você precisar colocar cores diferentes para o dia, mês ou ano acrescente a linha:color: código hexadecimal; /*Edite a cor da data*/ nos blocos de códigos correspondentes para o dia, mês e ano e apague do #fecha.
    Veja: Como identificar cores
  4. Preste atenção para os blocos de códigos [.post h3{] e [.post h3 a, .post h3 a:visited, .post h3 strong { ] caso o título do seu post fique acima da data configure os comandos margin e padding destes blocos de códigos para que tudo fique alinhado.

    ♦Mas como fazer isso? Altere e vá visualizando os resultados.

    Dica: Experimente em .post h3{ inserir a linha: margin-left:35px;


Observação Importante:

» Este hack tinha o problema da data não aparecer em post feitos no mesmo dia, que foi resolvido em outro post que fiz aqui no TPV.
Para evitar que você tenha que procurar a correção deste problema em outro post o código daqui já está atualizado para que as datas apareçam em todos os posts.


Créditos:
Elke - Templates e Acessórios
Blog and Web

Post Atualizado e Corrigido em: 06/12/2012

Aproveite e Acesse Também:
Como Repetir a Data do Post
Personalizando a Data do seu Post Personalizando a Data do seu Post Reviewed by Áurea on 11/06/2012 Rating: 5

105 comentários:

  1. Eu fiz isso aqui. Mas não funcionou!!!
    Deverias testar a coisa antes de colocares no teu blog.

    ResponderExcluir
  2. Prezado IEMG,
    Este tutorial está aplicado no Templates para Você antes de eu publicá-lo.
    Se não deu certo no seu blog é porque, provavelmente, você fez algo errado.
    Lamento.

    ResponderExcluir
  3. Áurea, incluímos o Templates para Você no Meme Proximidade.

    Espero que goste.

    Um fim de semana maravilhoso para você e seus leitores.

    Lélio

    ResponderExcluir
  4. Ei Aurinha, ficou "ÓTEMO" seu novo lay. Muito mais fácil, mais limpo, tudo de bom. O meu está parecendo uma penteadeira, rsrsrrs...
    Mas fazer o quê, é de Elke ser um exagero. Beijos

    ResponderExcluir
  5. Áurea, muito boa essa dica, mas gostaria de saber uma coisa.
    Há a possibilidade da data aparecer em todas as postagens?
    É porque às vezes faço mais de uma no dia, e gostaria que as duas exibissem data.
    Mas se não for possível, paciência.
    Abraços

    ResponderExcluir
  6. Olá, quando faço o 2º passo aparece essa mensagem... "O modelo é inválido porque a tag 'div' aparece dentro da tag 'head'."

    Fiz errado?!

    ResponderExcluir
  7. gostei muito resolvi o problema do meu blog ...
    obrigado pelo post
    bem simples e de grande uso

    ResponderExcluir
  8. estou com um pequeno problema, pode parecer bobo

    estou procurando o codigo: < data :post . date Header / >

    mas n consigo achar, ja até coloquei no word pra ver se achava, teria como vcs darem a localização?obrigada

    ResponderExcluir
  9. Jack,
    Tente procurar os pedaços do código e não a linha toda. As vezes tem diferença de espaços, aí vc não acha. Procure, por ex: data:post.dateHeader

    ResponderExcluir
  10. Ola Áurea,

    agradeço mt o tutorial! Foi o único que deu resultado! Só que tenho um pequeno problema, ao lado da data em forma de calendário, continuo com o formato antigo. Tenho dois formatos de data...como posso retirar o antigo? Muito obrigada pela atenção e boa sorte!

    ResponderExcluir
  11. Madeimosele Tentei entrar em seu blog, mas não consegui, esta fechado. Procure se tem mais de uma linha <data:post.dateHeader/> no codigo html do seu template. Se tiver + de uma, elimine uma delas, para que apareça apenas uma data.
    Márcio Vou dar uma olhada no seu blog quando chegar em casa e ver onde voce pode modificar. Porém vi que ainda não aplicou o tutorial da data. Aplique-o para que eu possa ajudar voce.

    ResponderExcluir
  12. Poxa Aurea..por esse tutorial agora a data some, oque pode ser???
    Pode ser que eu esteja fazendo algo errado mas o que? eu sigo todos os passos tanto desse tutorial quanto do primeiro e mesmo assim não funciona, eu to usando um tema do blogger mesmo parecido com o minima, não lembro o nome.
    Pode me dar uma ajuda, não to conseguindo entender e não acho nada, sei que ja vi outro tutorial ensinando a fazer isso e dai deu certo mas agora não acho, só vejo o seu e não ta dando certo não.....
    Espero que possa me ajudar

    ResponderExcluir
  13. Fernanda Em qual blog você está tentando aplicar este recurso?

    ResponderExcluir
  14. Obrigada Áurea! Já está resolvido o problema!

    ResponderExcluir
  15. Áurea

    Mudei os valores hexadecimais das cores mas continua com a fonte preta. Alguma sugestão?

    Obrigado.

    ResponderExcluir
  16. Não funcionou! T.T
    só fez sumir a data.. q q eu faço?

    ResponderExcluir
  17. Center Downloads
    Vejo que já corrigiu o problema que estava tendo!

    Junior
    Para você mudar as cores do dia, mês e ano basta colocar um comando de cor nos seus respectivos blocos de códigos, assim:
    #fecha {
    color: #464646; → Tire esta linha e determine colors para os outros comandos.
    padding: 5px 5px 0 5px;
    float:left;
    text-align:center;
    border: #d7d675 3px none;
    list-style:none; display: block;
    background: url(' AQUI O ENDEREÇO DE SUA IMAGEM ');
    }
    .fecha_dia {
    color: #000000; /*Determine uma cor para o dia*/
    display:block;
    font-size:18px;
    line-height:16px;
    font-family:'Arial';
    letter-spacing:-1px
    }
    .fecha_mes {
    color: #000000; /*Determine uma cor para o mes*/
    font-size:10px;
    line-height:9px;
    text-transform:uppercase;
    display:block;
    }
    .fecha_anio {
    color: #000000; /*Determine uma cor para o ano*/
    display:block;
    font-size:9px;
    line-height:8px;
    }

    ResponderExcluir
  18. Oi Áurea

    É mesmo, tinha me esquecido dessa possibilidade de incluir os comandos.

    Obrigado e parabéns pelo blog

    ResponderExcluir
  19. Oi Áurea

    Tenho outra pergunta: Como coloco a data antes do título, ao invés de ficar acima? Você explicou pra outra pessoa, mas não entendi direito, tentei de tudo e não consegui.

    Obrigado!

    ResponderExcluir
  20. Olá Auréa!!!

    Consegui fazer o procedimento perfeitamente no meu Blog Pole Position. Mas no Estórias de Pereira, acabou ficando a data normal!!!

    O que faço agora???

    ResponderExcluir
  21. no meu ficou escrito undefined
    o que faço?
    aguardo respostas
    abraço

    ResponderExcluir
  22. Adilson O template que você usa já tem a data personalizada para o calendário. Você precisa ver como corrigí-la onde baixou seu template.

    ResponderExcluir
  23. Olá, Obrigada por ensinar como colocar a data como calendário. ficou muito melhor. No entanto, não entendi como mudar a cor do calendário. Podes me ajudar? P.S.: Não entendo nada de códigos, pois fiz tudo copiando do teu.

    ResponderExcluir
  24. olá, acabei de postar uma pergunta. Mas em seguida vi uma explicação sua e achei o código no modelo. Já mudei, obrigada.

    ResponderExcluir
  25. no meu blog, não tem a linha post h3, só a post h2.
    eu faço no h2? criou uma linha h3?

    ResponderExcluir
  26. Cara... tô com o seguinte problema ... eu apliquei isso no blog!! Funcionou tranquilo no FIREFOX ... mais no internet explorer a data não fica do lado do POST... ela fica acima de cada postagem ... o que faço ?

    ResponderExcluir
  27. EdDy™ Qual o IE que você usa? Visualizei seu blog com o IE8 e o hack funciona corretamente.

    ResponderExcluir
  28. Olá.

    Já comentei uma vez aqui, acho que foi no outro post.
    Estou com a seguinte dúvida - além de não conseguir colocar o ano de jeito nenhum, não sei como coloca a data ao lado do título do post.

    Será que vc poderia me ajudar?

    Obrigada

    ResponderExcluir
  29. Valeu pela dica já adicionei em meu blog
    abraço.

    ResponderExcluir
  30. @Alan Altere o código CSS que começa com #fecha. Vá tentando e visualizando.

    ResponderExcluir
  31. aurea?se possível me ajuda ae!
    é o seguinte,eu fiz diretinho igual ao tutorial,deu tudo certinho,mas o problema foi que,a data teria que ficar um pouco mas acima,da linha do template,da linha que separa o post e o conteudo!o que fazer para abaixa mas um pouco?ajuda ae

    ResponderExcluir
  32. Otima dica vlw. mesmo...
    aqui deu certo. so que eu qria a data do lado direito da postage tem como?
    tipo ela ta no lado esquerdo agora, perto do titulo ae qria colocar para o lado direito q ta limpo tem como ? Ja analizei o codico e não consegui :/

    ResponderExcluir
  33. Olá, passo pra agradecer. Tentei e testei por horas 1001 códigos e sites para esta data e.... não ia, sempre algo dava errado. Por fim, fim mesmo, cheguei até este post e consegui.

    Valeu a dor de cabeça!!! ;p

    ResponderExcluir
  34. @Priguiça
    Veja esta parte do código:
    #fecha {
    color: #464646; /*Edite a cor da data*/
    padding: 0px 0px 0px 0px; /*Altere as margens internas da data*/
    margin-right:5px; /*Margem externa direita*/
    float:left;
    text-align:center;
    border: 1px none #dedede; /*Coloque borda se quiser*/
    list-style:none;
    display: block;
    background: url('AQUI O ENDEREÇO DE SUA IMAGEM') no-repeat;
    }
    Em float:left; altere para float:right; que aí vc muda o lado que sua data vai ficar.

    ResponderExcluir
  35. Em outros templates que eu coloquei em meu blog, funcionou. Agora no novo, a data desapareceu

    ResponderExcluir
  36. Olá Aurea!! Usei sem método, e foi facílimo, adorei... mas gostaria de saber como posso repetir a data em posts do mesmo dia, com ela personalizada, pois todos os tutoriais que encontro, elas ficam na forma padrão!

    Beijos e obrigada

    ResponderExcluir
  37. Olá, fiz tudo direito e deu certo, o único problema é que todo o código do último passo fica aparecendo no topo da página do meu blog, gosteria de saber o porquê disso. =/

    ResponderExcluir
    Respostas
    1. voce deve ter posto a parte:
      #fecha {
      color: #464646; /*Edite a cor da data*/
      padding: 0px 0px 0px 0px; /*Altere as margens internas da data*/
      margin-right:5px; /*Margem externa direita*/,....

      voce deve ter posto esse codigo embaixo e não em cima, é importante por em cima, se não, nom funciona

      Excluir
  38. Aí simmm! Fiz o outro e não deu certo. Mas agora funcionou! :)
    Obrigada pelo tuto.

    ResponderExcluir
  39. Olá, Áurea!
    Muito bom o seu blog. Os tutoriais estão muito bem explicados, e o leitor não precisa (necessariamente) ter muito conhecimento de HTML. Até agora consegui funfar todos daqui. Meus parabéns e continue assim, grande.

    ResponderExcluir
  40. Já resolvi meu problema, está kuase perfeito agora falta editar para q apareça em todas as postagens, pq nas do mesmo dia ñ estão aparecendo...

    Obrigado...

    ResponderExcluir
  41. @Áurea, obrigado pelo post. Tive o mesmo problema do burity. Resolvi assim: (tenho q fazer por extenso rs)
    coloquei todo o codigo do script entre:

    / / < exclamaçao [ C D A T A [
    ... codigo do script
    / / ] ] >

    troque o exclamaçao por ! e retire os espaços entre os caracteres. Faça isso sempre q usar tag em script dentro da head.

    ResponderExcluir
  42. Realmente muito bom o tutotial, mas gostaria de saber como faz para apenas colocar a data junto com o título, sem com esse calendário, com alinhamento vertical, ou seja, pegar a data e fazer aparecer junto ao título, apenas.

    Usei o código que você passou para jogar a data abaixo do título, falta só acertar os dois na mesma linha.

    Abrass,
    Misael M.

    ResponderExcluir
  43. Olá, parabéns pelo blog. Gostaria de saber como passar o a data, que está a esquerda do titulo, para a direita do titulo. Obrigado!

    ResponderExcluir
  44. Aurea deu certinho no meu blog, o único problema é que os post do mesmo dia somente aparece em um post, como corrigir.

    ResponderExcluir
  45. Ola Aurea sei que ja escrevi isto, mas só falta este detalhe para eu terminar meu template e publica-lo no meu blog, fiz tudo certinho e ficou legal ja ajustei a altura e tudo, porem a data não aparece em todos os post do mesmo dia, somente no ultimo post do dia, como faço para corrigir isto?

    ResponderExcluir
  46. POr favor Aurea como corrigir o problema da datas que não se repete com os post do mesmo dia, desde de ja agradeço

    ResponderExcluir
  47. A minha não aparece em todos os posts, já tentei esse tutorial: Como Repetir a Data do Post, mais não adiantou nada!

    ResponderExcluir
  48. Olá, sempre leio seus tutoriais, e sempre consigo fazer tudo certo mas estou com um problema com esse, eu só quero colocar a data do lado do titulo na vertical, mas não consigo, no mEu template não tem o código

    H2

    O meu código está da seguinte maneira:

    http://img17.imageshack.us/img17/9383/codigom.jpg


    Espero muito que você possa me ajudar, ficarei muito grato, parabéns pelo blog

    ResponderExcluir
  49. Vim agradecer, eu estava tendo alguns problemas com esse código em outros templates, mas funcionou direitinho nesse.
    Só tive um problema, o background, ou melhor, o desenho (imagem) da folhinha de calendário nao aparece, como você pode ver, só aparece os numeros.
    Mas já está de bom tamanho, abração :D

    ResponderExcluir
  50. Ficou muito show, muito Obrigado. Só tive problemas prq a data não estava ativada no próprio sistema do Blogger Design>Elementos de página> Postagens> Exibir Data

    ResponderExcluir
  51. Oi amor, então, eu fiz isso no meu blog, daí a data ficou mais pra cima e o título da postagem ficou mais pra baixo ;s Queria saber o que eu foz de errado :s

    ResponderExcluir
  52. Olá,consegui colocar a imagem más não consigo ajustar para que o título do post fique mais para a direita,a imagem fica apertada e a dana não aparece direito,como faço para ajustar?
    Grato abs
    Enzo Penharbel

    ResponderExcluir
  53. Estou com um pequeno problema, fiz o tutorial corretamente de personalizar e tambem de repetir as datas, o problema é que o dia não repete, somente o mÊs e o ano, o que seria este problema?

    ResponderExcluir
  54. Como eu faço para a data aparecer em todos os posts ?

    ResponderExcluir
  55. Oi Aurea. Estou com dificuldades em aplicar isto no meu blog. Podes ajudar-me?

    ResponderExcluir
  56. Aurea, o que aconteceu comigo foi o seguinte: Eu consegui fazer com que a data personalizada ficassa la direitinha ao lado do titulo do post, so que a data da forma natiga, ainda permande em cima, o que eu faço?? Aguardo resposta! obrigada

    ResponderExcluir
  57. Como faz para deixar a data fora do post?????

    ResponderExcluir
  58. Como faço para tirar a imagem do calendário das páginas estáticas?

    Obrigado.

    ResponderExcluir
  59. Olá, como faço para que a data fique abaixo do título do post?

    ResponderExcluir
  60. Olá, tudo bem???


    Eu gostaria de deixar a data fora do post sabe? do lado da postagem?? como faço? e quando ponho o tamanho da imagem que quero de fundo que é 80x77 a data sai dentro dele...


    Obrigada!

    ResponderExcluir
  61. eu fiz o tuto ,mas qunado vou vizualizar,não aparece nada...somente o normal do blogger.Eu fiz tudo direitinho e tentei umas 5 vezes,mas todas ficam assim...é como se eu num tivesse mudado nada...alguem pode me ajudar

    ResponderExcluir
  62. Areua minha querida o ultimo codigo fiparecendo emcima fica aparecendo porque?

    ResponderExcluir
  63. fiz tudo certo e na hora so mostra 1/4 da imagem que escolhi pra substituir a data. No caso o URL foi esse: http://i51.tinypic.com/xc0h81.jpg
    Sendo que peguei de outro blog q funciona perfeitamente...oq faço pra mostrar a imagem completa?

    ResponderExcluir
  64. Fiz no meu blog e deu tudo certo menos pelo seguinte. Tenho 6 post por pagina mas esta aparecendo apenas em três deles. Você pode me ajudar?

    ResponderExcluir
  65. Áurea, gostei muito do seu post e me foi muito útil. Depois de bastante trabalho consegui acertá-lo em meu blog. Gostaria de pôr a data do lado esquerdo do título. Há como?

    ResponderExcluir
  66. @Martos
    Vou testar em um blog de testes e te respondo assim que puder!

    ResponderExcluir
  67. Áurea, desde já, obrigado pelo tutorial. =D Só queria saber como deixar o mês apenas com as três primeiras letras, como está aqui. No meu layout continua aparecendo o nome completo e não há opção de fazer tal mudança nas Configurações.

    ResponderExcluir
  68. Já resolvi, Áurea. Desconsidere o último comment. ^^

    ResponderExcluir
  69. Olá, gostaria de saber de como tirar ea data de uima página do blog, obrigada.

    ResponderExcluir
  70. @Edna NovaesOlá Edna,

    Boa pergunta.
    Vou pesquisar e coloco aqui se conseguir!
    Um abraço,
    Obrigada pela visita!

    ResponderExcluir
  71. No meu tbm não repete adata nas postagens do mesmo dia. Como resolvo??

    ResponderExcluir
  72. @Cianaí CatoCianai,
    Você fez todos os passos deste tutorial?
    Se sim as datas vão repetir.

    ResponderExcluir
  73. Funcionou certinho no meu blog, mas como eu deixo a data na horizontal?

    ResponderExcluir
  74. @Rodrigo AlmeidaOlá Rodrigo,

    Acho que este tutorial é para justamente deixar os elementos da data na vertical.
    Mas você pode tentar alterando as posições do dia mês e ano pelo CSS, no 4º passo deste tutorial.
    Na horizontal seria somente alterando a forma que a data é mostrada no 1º passo e alterando a posição dela no 3º passo em » Colocando a data ao lado do título do post.
    Até mais,
    Áurea

    ResponderExcluir
  75. Oi, desde já parabéns pelos Tutoriais..
    Bom eu fiz e deu tudo certinho com um pequeno porem, ajustei o tamanho da imagem do fundo da data, mas se ajusto a imagem aparece nas minhas outras paginas que não são de postagem e que não fica bem! Me dá uma luz please!!! ;)

    ResponderExcluir
  76. @vanessa almeidaVanessa,
    Qual é o endereço do seu blog?
    Vou fazer uns testes e te aviso. Espero seu retorno!

    ResponderExcluir
  77. @vanessa almeidaVanessa,

    Fui até o seu blog e vi o problema.
    Não tive tempo para testar, mas acho que tenho a solução para o seu problema:
    Experimente usar a condicional de não aparecer a data nas páginas estáticas.
    O código é este aqui:
    <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:post.dateHeader'>
    <div id='fecha'>
    <script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
    <script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
    </div>
    <b:else/>
    <div id='fecha'>
    <script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
    <script>remplaza_fecha(ultimaFecha);</script>
    </div>
    </b:if>
    </b:if>

    Me fale se deu certo,

    Um abraço,

    Áurea

    ResponderExcluir
  78. Nossa muitooooo obrigadoooo!!! Deu tudo certinho! Só não sei pk quando fechei a configuração deu erro e dizia que era para solicitar e enviar o numero de erro, mas não sei que erro pois ta tudo ok!! =D Muito obrigado! Seu Blog é uma delicia, dá vontade de testar tudo!! Sucesso!!!

    ResponderExcluir
  79. Socorro Áurea, rs.. Depois que que coloquei o novo codigo sempre me aparece uma caixa quando fecho que diz: Lamentamos, mas não foi possivel concluir seu pedido. Quando informar o apaio técnico ou grupo de ajuda do blogger acerca deste erro, não se esquueça de : descrever o que estava a fazer quando ocorreu o erro. fornece o codigo abaixo. bX-lcbzu1 ... :/ que acha que posso fazer! Mais uma vez obrigado e dcp o imcomodo!

    ResponderExcluir
  80. Obrigado Linda eu sempre guardo sim, já tentei restaurar mas é mesmo do blog, pois tinha dado tudo certinho, só as vezes agora aparece esta mensagem, para já não tem interferido em nada, mas aparece a tal mensagem! Hehehe !!! E se tivesse perdido tambem não fazia mal, ainda ta no comecinho da criação dele, acho que ele ta muito crú ainda! rs falta um designer mais elaborado, mas eu não tenho este seu dom de personalizar e fazer acontecer! Um dia eu deixo ele bonitinho para fazer minhas postagens !! Olha valeu a preocupação!! Grande Beijo!!

    ResponderExcluir
  81. Oi, tudo bem? Estou com um problema na data das postagens do blog. No lugar onde deveria aparecer a data aparece: "undefined". Você poderia me ajudar com este problema?
    Desde já, obrigada.

    ResponderExcluir
    Respostas
    1. Olá Rotina de Universitário,
      Visitei seu espaço e parece que você já conseguiu resolver o seu problema!
      Seja sempre bem vindo no TPV!

      Excluir
  82. No meu ficou ótimo e funcionou perfeitamente, pq em outros blogs eu não achava o código. Obrigado!
    Beijinhos!

    ResponderExcluir
    Respostas
    1. Olá Thayná,

      Fico muito feliz que o hack tenha dado certo para você! Muito legal!
      Volte sempre aqui no TPV!

      Excluir
  83. Olá,
    Você saberia como eu coloco a hora abaixo do título do post?
    Obrigado

    ResponderExcluir
    Respostas
    1. Olá Mauro,

      Você precisa identificar o código da hora e do título e levá-lo para abaixo do título.
      Esta é uma boa dúvida. Vou tentar publicar um tutorial sobre isso assim que puder.
      Seja bem vindo ao TPV.

      Excluir
  84. show de bola, me enrrolei um pouco na configuração das medidas, mais depois de insistir muito.. CONSEGUI rsrsr

    ResponderExcluir
    Respostas
    1. Que bom que deu certo Rebecca.
      Assim que aprendi a configurar os templates. Insistindo.
      Parabéns.
      Seja sempre bem vinda ao TPV.

      Excluir
  85. Aurea, boa noite/bom dia.

    De todos os post que vi explicando como personalizar a data, o seu é o mais completo.
    Obrigado!
    Contudo, não consigo alinhar na mesma linha a data e o título.
    Consigo inserir e/ou alterar algum outro código para conseguir isso?

    Obrigado novamente.

    ResponderExcluir
    Respostas
    1. Olá Sérgio,
      Visitei o seu blog Desventuras de um Alter Ego. É este né?
      Cliquei com o botão direito do mouse em cima do título do post em Inspecionar elemento e identifiquei que o CSS que comanda seu título é o .post h3 então:
      Tente mudar o padding e margin do [ .post h3 ] para alinhar com a data. Sugiro também que coloque bordas nos dois que fica bem mais fácil de visualizar as alterações. O código da borda seria este [border: 1px solid#000;] é só acrescentar. Depois você apaga.
      Seja bem vindo ao TPV.

      Excluir
    2. Aurea, bom dia.

      Obrigado pela visita.
      Tentei efetuar a alteração, mas sem sucesso.
      Estou trabalhando em um blog de testes e tenho com relação ao título os seguintes códigos:
      h3.post-title, h4 {font: $(post.title.font);color: $(post.title.text.color);}
      h3.post-title a {font: $(post.title.font);color: $(post.title.text.color);}
      h3.post-title a:hover {color: $(link.hover.color);text-decoration: underline;}

      Consigo deixar a data na vertical, seguindo o passo-a-passo, mas ela fica acima do título.
      De qualquer forma, agradeço muito pela visita ao meu blog e não quero abusar...rs.

      Obrigado.

      Excluir
  86. Esse tutorial é da interface antiga do blog está totalmente desatualizado, esse negócio de expandir Expandir modelos de widgets,foi substituído por sistema direto de edição e muitas tags que antes eram editáveis deixaram e/ou foram substituídas a pelo menos 2 anos da data atual 20/05/2014,e todos os tutoriais que falam do assunto são datados de mais de 2 anos.. Acho que daqui uns 10 anos alguém fará um tutorial atualizado, mas até lá o blog já mudou sua interface pelo menos 5 vezes. Pois um cria e 10 mil copiam, pois nessa nova interface a coisa mudou "complicou" de figura.

    ResponderExcluir
  87. Aurea, buáááááá, tentei e no 2º passo apareceu a seguinte mensagem " div should not appear inside of head". Vomo resolvo este impasse? Obrigadaaa!!!.

    ResponderExcluir
  88. Eu queria deixar apenas a data e o mês (ex: 27/08), mas não consigo achar um código pra isso será que vocês saberiam como fazer?

    ResponderExcluir
    Respostas
    1. Olá Nyah,
      Acredito que dê certo se você fizer uma simples alteração neste código:
      .fecha_anio {
      font-size:9px; /*Tamanho da fonte*/
      line-height:8px; /*Altura da Linha*/
      display:block;
      }

      Em display:block; troque block por none.
      Depois me conte se deu certo.

      Excluir
  89. Muito obrigado! Deu 100% certo aqui. :D

    ResponderExcluir
  90. Pode me ajudar? a data do meu blog, de repente sumiu estava lá um ano.
    Eu passei o modelo para um outro blog para testar e lá aparece. Mudei todo o código, tanto em um como no outro para fazer o teste, mesmo com outro código aparece, o outro, nesse que sumiu não aparece,o que está acontecendo? será pode me ajudar? Eu acho que se eu colocar um novo modelo no blog que sumiu a data, nunca vai aparece.agradeço sua ajuda abraço.

    ResponderExcluir
  91. Adorei o tutorial , testei e deu super certo . A data apareceu no formato vertical e tal, mas o problema é que eu não consigo adicionar estilos . Tipo, eu tentei colocar uma imagem de fundo e não deu certo , então tentei colocar apenas uma cor e também não deu . Utilizei o margin-left para tentar move-lo e ele não saiu do lugar , necessito de um HELP please :)

    ResponderExcluir
  92. Ah, eu amei. Foi o único tutorial que deu certo. Fiz alguns ajustes, como tamanho de fonte e de linha, para harmonizar com o restante do blog!
    Obrigada por compartilhar essas dicas!

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.