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 na aba "design" >> "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'>
<---restante do código--->
</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*/
}

MODO 2 TALVEZ DA SERTO

 

 Hoje, iremos aprender algo bem básico no Blogger. Como Mostrar a Data de Publicação de um Artigo.
VOCE DEVE SABER UM POUCO MAIS SOBRE HTML PARA COLOCAR ESTE CODIGO POIS E DIFICEL ENCONTRAR UM LOCAL ADEQUADO NO HTML

Vamos ao Tutorial:

1º – Acesse o Painel do seu Blog e clique na Guia Modelo.

2º – Em seguida, clique no botão Editar HTML.

3º – Depois, segure as teclas CTRL+F e procure por:

[code] Se não encontrar, procure por:

[code][/code]

4º - E Abaixo dele cole o seguinte código:

[code]Publicado em: [/code]