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