teste

Como colocar a data do post abaixo do título ou rodapé

Se voce já viu o artigo Como colocar o nome do autor do artigo abaixo do titulo e deseja além do nome do autor colocar a data da postagem, basta seguir este tutorial.
Assim como o nome do autor, no blogger por padrão a data aparece sempre na linha acima dos títulos das postagens. Agora iremos aprender a configurar a data para que esta fique na linha abaixo do título ou no rodapé dependendo do seu gosto.

1º Modificar o HTML.

Primeiramente entre no código fonte de seu blog em DESIGN -> EDITAR HTML clique na opção "expandir modelos de widgets" e procure no código onde está localizada a data do post que é mostrada da seguinte forma:

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

Ou em alguns modelos de template ela vem assim:

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

2º Colocar a data abaixo do título do post:

Ao encontrar no passo um o código referente ao seu template recorte e cole em um bloco de notas por segurança, depois disso procure pela tag:
<div class='post-header-line-1'/>
Pegue o código da data que foi recortada e cole ABAIXO da tag citada, mas repare que a tag div do post-header-line-1 está fechada com uma barra inclinada no final "/>", retire esta barra, cole o código da data abaixo e feche com </div>. Se achar complicado veja abaixo como deve ficar:

<div class='post-header-line-1'/>
<---restante do código da data de seu template--->

</div>

3º Aplicar estilos com o CSS.

Após aplicar as modificações no código html, voce poderá aplicar estilos para melhorar a visualização e layout.
Vá no html do seu blog e procure por:

h2.date-header {
Dentro dela inclua as propriedades para que voce defina os estilos como abaixo.

h2.date-header {
 color: #XXXXXX;  /*coloque a cor de sua preferência em html*/
 margin: 0;   /*Defina um espaçamento*/
 padding: 0;   /*defina um espaçamento*/
 font-size: XX px;   /*coloque o tamanho da fonte de sua preferência*/
}

Estas configurações acima dão estilos para a data em específico, se desejar poderá aplicar estilos ha linha abaixo do título inteira, basta acrescentar o seguinte trecho:

.post-header-line-1 {
 color: #XXXXXX;  /*coloque a cor de sua preferência em html*/
 margin: 0;   /*Defina um espaçamento*/
 padding: 0;   /*defina um espaçamento*/
 font-size: XX px;   /*coloque o tamanho da fonte de sua preferência*//
}

4º Incluir a data no rodapé.

Caso voce não deseje incluir na linha abaixo do título do post, mas sim no rodapé da postagem, recorte todo o trecho referente a data, como mostrado no passo 1 e cole ABAIXO da tag:
<div class='post-footer">
ou se preferir cole ABAIXO de:
post-footer-line post-footer-line-1

Teste ambas as opções acima e sempre visualize antes de salvar.

Encontrei aqui: Mundo Blogger: http://www.mundoblogger.com.br/2010/01/configurar-data-das-postagens.html