Mudar Lugar da Data da Postagem - Achar Códigos HTML no Blogger
Alguns leitores do nosso blog 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: <data:post.dateHeader/> (use o ctrl+F) você encontrará vários então altere colocando um sinal (letras) para testar desta forma:
<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:
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:
<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)
Sobre editar o html do blog leia também:
Porque os códigos não funcionam no blog
Erros no Blogger - Códigos Duplicados
Limpar Histórico de Internet - Evite erro no Blog
Clique para visualizar o blog e se pareceu do jeito que você quer clique para salvar as alterações. Mas lembre-se que em caso de algum problema poderá voltar ao seu template normal caso tenha feito o backup que falamos no inicio deste tutorial.
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: <data:post.dateHeader/> (use o ctrl+F) você encontrará vários então altere colocando um sinal (letras) para testar desta forma:
<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:
<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:
<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)
Sobre editar o html do blog leia também:
Porque os códigos não funcionam no blog
Erros no Blogger - Códigos Duplicados
Limpar Histórico de Internet - Evite erro no Blog
Clique para visualizar o blog e se pareceu do jeito que você quer clique para salvar as alterações. Mas lembre-se que em caso de algum problema poderá voltar ao seu template normal caso tenha feito o backup que falamos no inicio deste tutorial.
Marcadores: Códigos, Configurações Avançadas, Html, Personalizar