Colocar a data abaixo do título das postagens

Mude a data das postagens de seu blog para debaixo do título do post. Fica mais discreto e mais alinhado.



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

Clique em "Expandir modelos de widgets"

Procure então por:




 <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <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'>



Apague o seguinte trecho !

 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>


Agora procure por:

   <div class='post-header'>
 

Cole então o código abaixo depois dele.

<span class='date-header'><data:post.dateHeader/></span>

Está pronto !

Agora se você quer dar um estilo para suas datas proceda da seguinte forma:

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 troque-o por:
(Código em azul representa a cor de fundo da data.)

.date-header span {
background: #2A0C0C;
float: left;
margin: 2px -10px 2px  -70px;
padding: 40px 8px 0 8px;
width: 60px;
height: 60px;
}

Agora para modificar o modelo proceda da seguinte forma:


Vá até
1-> Configurações
2-> Idioma e formatação
3->Clique na pequena seta ao lado da data, como mostra a imagem
4-> Procure o modelo de postagem, como na imagem