Como substituir botões de postagem mais antiga / mais recente por títulos de postagem no Blogger

Como substituir botões de postagem mais antiga / mais recente por títulos de postagem no Blogger

Você já deve ter visto alguns blogs populares que substituíram os botões de postagem mais antigos e mais recentes pelos títulos das postagens e deve estar se perguntando que “como fazer isso?”

Vamos mostrar então como se faz isso.

Ajudando o leitor

Quando você substitui os botões de postagem mais antigos e mais recentes pelos seus títulos, ele mostra o profissionalismo e ajuda o 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 seus posts mais antigos, 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 novos pelos seus títulos. Agora, sem demorar mais, solicitamos que você siga as etapas;

Primeiro, faça login no blog do Blogger, vá para Template >> Editar HTML >> pesquise pela tag </head>.

Depois de encontrar a tag </head>, cole o código a seguir. (Nota: siga esta etapa apenas se você não estiver usando nenhum arquivo jquery.min.js no seu modelo). Certifique-se de procurar primeiro o 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, pesquise HTML / JavaScript e selecione-o. Agora você precisa colar o seguinte código na caixa Texto em 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 olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>

--------------------------------------------------------------------------

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

Você terminou agora. Agora, os links de postagens mais antigos e mais recentes serão substituídos pelos títulos das postagens. Temos certeza de que isso seria útil para vocês.

Se você tiver alguma dúvida a pedir, empreste-a na caixa de comentários. Entraremos em contato o mais breve possível.

Foi útil? Então não se esqueça de compartilhar este artigo com seus outros amigos.