Icon Icon

Data da Postagem no Rodapé do Post


Colocar a Data da postagem do Blogger na linha do Rodapé do post: 

 Lembrando que: Antes de qualquer modificação, é sempre bom fazer um backup do seu Template para evitar transtornos.
Vamos localizar o trecho do código referente a data dos posts no template.
Vá em Design >> Editar HTML >> marque a caixinha "Expandir modelos de widgets", e procure por este código:


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

Dica: Se tiver dificuldades para localizar o código completo, utilize ctrl+f e tente localizar a 1º linha do código.

Encontrado código você deverá:

1) Copiá-lo
2) Salvá-lo no bloco de notas
3) Apagar ele do seu template.

Agora procure por:



<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

E cole logo ABAIXO deste trecho o código que você copiou no bloco de notas.
Visualize, e se estiver tudo certo, salve!


Agora localize novamente a linha:

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

e substitua toda ela por:


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


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

h2.date-header {

Substitua: h2.date-header por: .date-header

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

.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*/
}

0 comentários:

Postar um comentário