Alguns leitores da Anime Design perguntaram como alterar o lugar onde aparece a data da postagem que em muitos templates fica acima do titulo da postagem, isso pode ser feito pela pagina editar HTML, apenas precisamos ter o cuidado na hora de alterar os códigos, por isso é recomendável fazer um backup do seu template antes de mexer nesta pagina.
Mas temos um problema que é como achar o código no HTML e como saber qual dos códigos é o certo, isto é aquele que desejamos modificar, mas para resolver isso tem um teste bem simples de fazer na pagina do HTML do blogger, apenas coloque algumas letras repetidas no local que você imagina ser o correto e clique para visualizar o blog. Vamos demonstrar isso enquanto falamos sobre como mudar a posição da data do post no seu blogspot.
Entre na pagina editar HTML, marque para expandir o modelo de widgets e procure por:
E clique para visualizar o blog se for o local correto a data do seu blog aparecerá com as letras "aaaaaaaaa" junto com a data de cada post e com a mesma formatação dela.
Então somente apague as letras e saberá que esse é o trecho do código HTML que procura. Essa dica é um truque para achar código HTML que funciona e ajuda muito na hora de alterar códigos HTML.
O código completo da data da postagem do blogger é esse:
Agora que achamos o trecho com a data da postagem é só copiar o trecho que mostramos acima e trocar de lugar, procure por um destes trechos e cole o código logo depois de um deles, dependendo de onde queira a data dos posts:
Pronto Algum Erro Deixe o Comentario
Pronto SR 892 Postei So ver Agora
Mas temos um problema que é como achar o código no HTML e como saber qual dos códigos é o certo, isto é aquele que desejamos modificar, mas para resolver isso tem um teste bem simples de fazer na pagina do HTML do blogger, apenas coloque algumas letras repetidas no local que você imagina ser o correto e clique para visualizar o blog. Vamos demonstrar isso enquanto falamos sobre como mudar a posição da data do post no seu blogspot.
Entre na pagina editar HTML, marque para expandir o modelo de widgets e procure por:
- Código:
<data:post.dateHeader/>
- Código:
<h2 class='date-header'><span>aaaaaaaaaa<data:post.dateHeader/></span></h2>
E clique para visualizar o blog se for o local correto a data do seu blog aparecerá com as letras "aaaaaaaaa" junto com a data de cada post e com a mesma formatação dela.
Então somente apague as letras e saberá que esse é o trecho do código HTML que procura. Essa dica é um truque para achar código HTML que funciona e ajuda muito na hora de alterar códigos HTML.
O código completo da data da postagem do blogger é esse:
- Código:
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
Agora que achamos o trecho com a data da postagem é só copiar o trecho que mostramos acima e trocar de lugar, procure por um destes trechos e cole o código logo depois de um deles, dependendo de onde queira a data dos posts:
- Código:
<div class='post-header-line-1'/> embaixo do título da postagem
<div class='post-footer-line post-footer-line-1'> após o texto do post (próximo aos comentários)
Pronto Algum Erro Deixe o Comentario
Pronto SR 892 Postei So ver Agora