Mil Trucos Blogger

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

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

17 Comentarios

  1. Mayo 11, 2013    

    Ya lo hice! Me gusta, gracias Juvinao!!!

  2. Mayo 11, 2013    

    Me encantó! hace mil que buscaba algo así y no sabía cómo hacerlo. ¡Gracias!

    • Mayo 13, 2013    

      Paula pues mira donde lo viniste a encontrar, en mi blog :metal:

      Saludos y sigue visitando mi blog

  3. Mayo 11, 2013    

    genial funciona de lujo, muchas gracias

  4. Mayo 12, 2013    

    Muy buen truco y muy fácil de hacer!!

  5. Hola,
    Me encantaría poner esto en mi blog, pero no me he puesto al día con la nueva plantilla de blogger y no entiendo muy bien lo de “Ahora en un elemento HTML/JavaScript pega lo siguiente”. ¿Cómo hago para crear un elemento html/Javascript?
    Gracias y enhorabuena por el blog y todos los buenos consejos que dais.

  6. Mayo 14, 2013    

    Muy buena entrada amigo, es muy recomendable!
    saludos desde argentina!

  7. Mayo 16, 2013    

    Perfecto. Lo acabo de hacer e incluso me he atrevido a cambiar el tamaño de la letra… 🙂
    ¡Muchísimas gracias!

    • Mayo 16, 2013    

      Hola Ángeles, me gustaría cambiar el tamaño de la letra en mi blog, por favor me dices cómo hacerlo?, mis nombres de la entradas son largos y quisiera hacer el ajuste.

  8. Mayo 16, 2013    

    Hola Ivan, yo también le cambié el tamaño a la letra, fijate en el código segundo donde dice #blog-pager{font-family: Arial,helvetica,sans-serif;font-size: 14px;} pues ahí los 14px puedes cambiarlos al número que quieras, yo fui jugando con las vistas previas hasta que quedó como me gustó 😀

  9. Mayo 25, 2013    

    me funciono muchas gracias

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo