Mudar link de navegação pelo título do artigo

O Blogger fornece a algum tempo links no final da postagem para postagens antigas ou mais recentes. Esse ‘link’ que em alguns blogs são imagens e outros são botões bem elaborados com a ajuda do CSS nem sempre esteve no Blogger e ainda hoje se pode ver em muitos blogs estes links sugestivos como ‘Postagem mais antiga’, inclusive aqui no Arruma Blog.

O código a seguir vai fazer com que no lugar da mesma mensagem de sempre, apareça o título do artigo no final do artigo ou post atual que o leitor está. Isso ajuda a minimizar surpresas desagradáveis por parte de quem lê e claro, se você praticar a ‘lei’ do título otimizado, certamente atrairá mais cliques e vai melhorar o tempo que o usuário ou leitor fica em sua página.

Para fazer a alteração na prática, vá em Modelo, Editor HTML e antes de </head> cole o seguinte código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> </ script>

Para facilitar a manutenção de seu modelo, se você já tiver um gadget apenas para inserir códigos HTML, então poderá pular duas linhas e inserir o código a seguir, mas caso não tenha um gadget dedicado a códigos HTML em seu blog, poderá cliá-lo adicionando-o no modelo Design:

<!-- Inicio codigo link navegacao -->
 <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:first").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><style type="text/css">
#blog-pager{font-family: Arial,helvetica,sans-serif;font-size: 14px;}#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>
<!-- Fim codigo link navegacao -->

Pronto, agora salve o gadget e vá até algum artigo ou post do seu blog para ver na prática como ficou, mas cuidado. Se no seu modelo não existir nenhum ‘botão’ ou link para incentivar o clique ao próximo artigo, então você continuará sem ver nada.

Não posso deixar de informar que o código acima foi originalmente publicado por Hayder Juvinao