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.