Cambiar los enlaces de navegación por el titulo de las entradas

Los enlaces de navegación son los que aparecen al final de la entrada y dicen: Entrada mas reciente, Entrada antigua, aunque son muy útiles, seria mas útil que en vez de aparecer estos enlaces apareciera el titulo de la entrada, esto sin duda alguna atraerá mas visitantes.

Esto es justo lo que les voy a enseñar hoy, como cambiar dichos enlaces y poner en su lugar el titulo de la entradas.

Antes.

Después.

Para añadir este truco a tu blog, ve a Plantilla, Editar HTML y pega antes de </head>  lo siguiente:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Ahora ve a Diseño, Añadir Gadget, y en HTML/JavaScript pega lo siguiente:

 <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>

Con este ultimo paso terminamos el truco, y habrás agregado este genial truco a tu blog.

0
Shares

17 thoughts on “Cambiar los enlaces de navegación por el titulo de las entradas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *