Como substituir botões de postagem mais antigos/mais recentes por títulos de postagem no Blogger

 Você deve ter visto alguns blogs populares que substituíram os botões de postagem mais antigos e mais recentes por títulos de postagem e deve estar se perguntando "como fazer isso?" Portanto, hoje neste artigo, mostraremos como substituir botões de postagem mais antigos/mais recentes por títulos de postagem no blogger.

Quando você substitui os botões de postagem mais antigos e mais recentes pelos títulos de suas postagens, isso mostra o profissionalismo e ajuda seu leitor a descobrir o que realmente está faltando, com referência à sua postagem antiga. Dessa forma, você também pode obter mais exposição para suas postagens mais antigas, e é por isso que muitos blogueiros profissionais estão usando essa tática.

Então, aqui estão as etapas que você precisa seguir para substituir os botões de postagem mais antigos e mais recentes pelos títulos das postagens. Agora, sem perder tempo, pedimos que você se aproxime das etapas; 

Em primeiro lugar, faça login no seu blog do Blogger , vá para T emplate >> Edit HTML >> procure pela tag </head> . Depois de encontrar a tag </head>, cole o seguinte código acima dela. (Observação: siga esta etapa somente se você não estiver usando nenhum arquivo jquery.min.js em seu modelo), portanto, certifique-se de pesquisar primeiro por jquery.min.js .

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Agora, você precisa clicar em Layout na barra lateral e selecionar Adicionar um Gadget . Na lista de gadgets, procure por HTML/JavaScript e selecione-o. Agora você precisa colar o seguinte código na caixa de texto HTML.

<style type="text/css">

#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}

#blog-pager-older-link {font-size: 85%;width:200px;text-align:right;}

</style>

<script type="text/javascript">

$(document).ready(function(){

var newerLink = $("a.blog-pager -newer-link").attr("href");

$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {

var newerLinkTitle = $( "a.blog-pager-newer-link").text();

$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);

});

var oldLink = $( "a.blog-pager-link-antigo").attr("href");

$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {

var oldLinkTitle = $("a.blog-pager-older-link").text();

$("a.blog-pager-link-antigo").text(antigoLinkTitle + " >>");//rgt

});

});

</script>

Agora, por último, você precisa clicar no botão Salvar . 

Você terminou agora. Agora, os links de postagem mais antigos e mais recentes serão substituídos pelos títulos de suas postagens. Temos certeza de que teria sido útil para vocês. Se você tiver alguma dúvida a fazer, empreste-a na caixa de comentários. Retornaremos o mais breve possível.