Data das Postagens abaixo do Título do Post

Nos Templates padrões do Blogger, a data dos posts aparecem sempre na linha acima dos títulos das postagens.
Neste tutorial você vai aprender a configurar a data, colocando-a na linha abaixo do titulo ou no rodapé do post.

Se você verificar no código do template, a data do post é mostrada da seguinte forma:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Em alguns modelos ela vem assim:

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

Para você conseguir localizar o código referente á data, será necessário que você entre no menu “modelo” >> “editar html”, clique na opção “expandir modelos de widgets” e procure pelo trecho mostrado acima.

Colocar a Data abaixo do título do post:

Recorte todo o trecho referente a data, conforme mostrado acima e cole ABAIXO da tag <div class=’post-header-line-1’/>

Observação 1: Geralmente a tag ‘post-header-line-1’ está fechada com uma barra inclinada no final dela ” />”.
É necessário retirar essa barra e fechar a tag após a inclusão do novo elemento. para fechar, use </div> no final do código.
Exemplo:

<div class='post-header-line-1'>

</div>

Após modificar o código, você pode aplicar estilos para a data. Procure por:

h2.date-header {

E inclua os trechos definindo os estilos que você deseja.

h2.date-header {
color: /*coloque a cor de sua preferência*/
margin: /*defina um espaçamento se quiser*/
padding: /*defina um espaçamento se quiser*/
font-size: /*coloque o tamanho da fonte de sua preferência*/
}

Se você quiser, pode substituir:
h2.date-header
por:
.date-header

Se preferir você também pode adicionar estilos para que sejam aplicados a toda linha abaixo do titulo do post, basta acrescentar o seguinte trecho:

.post-header-line-1 {
color: /*coloque a cor de sua preferência*/
margin: /*defina um espaçamento que quiser*/
padding: /*defina um espaçamento que quiser*/
font-size: /*coloque o tamanho da fonte de sua preferência*/
}

Se sua intenção for Colocar a Data na linha do rodapé do post, recorte todo o trecho referente a data, conforme mostrado acima e cole ABAIXO da tag 
<div class=’post-footer”>
ou se preferir cole ABAIXO de
post-footer-line post-footer-line-1

Você terá que testar para verificar qual dessas linhas será mais adequada a incorporação da data.