21 de ago de 2011

Colocar data personalizada em todas as postagens do mesmo dia no novo Blogger

 DEMO


O Blogger implementa muitos hacks mas não resolve antigos problemas. Uma pena. Se você faz mais de uma postagem por dia, o Blogger deixa a data apenas na última postagem do mesmo dia. Isso para determinados layouts personalizados pode ficar estranho, pode haver uma quebra na harmonia do blog. Para resolver isso, implemente estes códigos e tenha a data em todas as postagens do mesmo dia.


A primeira coisa a fazer é ir até configurações, clicar em Configurações, depois "Idioma e formatação" e ao abrir a janela, deixar a data configurada como mostra a imagem abaixo.



Salve !


Agora vá até o Modelo de seu blog, clique em Editar modelo
  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011


Agora procure por:

]]></b:skin>  

 
Substitua então pelo código abaixo:(vermelho cor de fundo, azul tamanho da letra e amarelo cor da letra)



/*Data blog---------------------------------------------------------------------*/
.data-blog {  
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 0 0 10px;
    background: none repeat scroll 0 0 #cc0000;
    display: block;
    top: 1px;
    bottom: 20px;
   padding: 20px 3px 10px 3px;
    float: left;
    margin-left: -85px;
    position: relative;
    width: 76px;
    height:50px;
}
.date-header {
color: #fff;
font-size: 14px;
padding: 2px 1px 2px 3px;
}

]]></b:skin>


Salve.


Procure por:

.date-header span {
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}


E apague.


Agora clique em "Expandir modelos de widget"


 Procure por:

<b:include data='post' name='post'/>

Acima dele você verá um código como esse :

  <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>


Troque-o por:

<div class='data-blog'>
<b:if cond='data:post.dateHeader'>
<script>var lastDate= &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(lastDate);</script>
</h2>
</b:if>
 </div>
<div class='post-outer'>

Salve e se quiser, troque a cor de fundo, e o tamanho da letra.

19 comentários:

  1. Querida, eu não conseguir colocar. Porque quando procuro:
    .date-header span {

    só acho coisa de MOBILE - Celular
    Por conta disso, nao consigo colocar e fica tudo estranho e todas as postagens some... Abraçoos

    ResponderExcluir
  2. Meu caro, não encontrei os códigos para substituí-los e já migrei para o novo blog. Obrigado!

    ResponderExcluir
  3. Maurício, só para não restar dúvidas, acabei de usar este código e funcionou perfeitamente. Um abraço.

    ResponderExcluir
  4. Deu certo, porém, não aparece nada de novo, testei no meu blog e em outro que é para testes... tem como ajeitar ?

    ResponderExcluir
  5. Kike, o seu blog é o novo modelo ? Eu já testei 6 vezes este código e sempre deu certo. Veja o que há de errado em seu blog. Um abraço.

    ResponderExcluir
  6. Elke di barros , e obvio q vc so espa falando isso pq vc e quem faz esse blog ou o ajuda

    pq isso nao funciona!!
    na verdade nao serve para nada

    ps:se vc forhonesta permita q meu comentario seja publicado

    ps2:esse lblog e uma droga

    ResponderExcluir
    Respostas
    1. As suas palavras refletem a pessoa sem educação que você é. Coitada de sua mãe, tenho certeza que tentou, tentou mas não obteve sucesso.

      Excluir
    2. Além disso, fugiu da escola

      que Português mais ridículo esse!!

      kkkkkkkkkkkkkkkkk

      Excluir
  7. Elke , estou tendo dificuldade para trocar a cor da data . A cor de fundo eu até consigo , mas a da letra não

    ResponderExcluir
  8. Nunca deu certo comigo. Uso o novo modelo desde 2010...

    ResponderExcluir
  9. Obrigada!!! Deu certo, o único problema é que ainda aparece a data nativa do Blogger. Pode me ajudar? Mais uma vez, agradeço.

    Bjs!

    ResponderExcluir
  10. \\\\pessoas queridas, este hack continua funcionando :-)

    ResponderExcluir
  11. Não consegui. O meu problema é o mesmo do Dalisson, ao procurar por .date-header span { não existe o código que você citou, só outros que se referem a ".mobile" etc. Também não encontro o código ao Expandir os modelos widget.

    Tem como ajudar? O modelo base de meu template é o Awesome Inc.

    ResponderExcluir
  12. não acho o código date-header. será que tem como ajudar ?

    ResponderExcluir
  13. Meu muito obrigada.
    Não consegui fazer o passo a passo todo, mas consegui colocar a data no meu blog sem ele se misturar com o titulo.
    Ufa! Meu muito obrigada.

    ResponderExcluir
  14. Usei este código, minhas colunas sumiram, tirei o código voltou ao normal.

    ResponderExcluir
  15. simplesmente não funciona esse código..
    no blog não existe está tag

    .date-header span {
    background-color: $(date.header.background.color);
    color: $(date.header.color);
    padding: $(date.header.padding);
    letter-spacing: $(date.header.letterspacing);
    margin: $(date.header.margin);
    }

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube