Personalizar los links Entradas antiguas, Entradas mas recientes

2 comentarios
Los links del pie de navegación, o sea, esos que dicen Entradas antiguas - Entradas más recientes son de mucha utilidad para el lector pues facilita la navegación dentro del blog, sin embargo no siempre se ven muy atractivos, así que podemos personalizarlos para poner otro texto o sustituirlos con algún ícono.

Entra a Plantilla | Edición de HTML, y busca esto:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

La parte que está en color rojo es la que muestra el texto Entradas más recientes, puedes eliminarlo y poner cualquier otro texto, o bien, cambiarlo por una imagen, sólo tendrías que sustituir lo que está en rojo por esto:

<img src='URL de la imagen'/>

Ahora buscamos un poco más abajo y encontramos este código:

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

Este es el que muestra el link de Entradas antiguas. Haremos lo mismo que en el anterior cambiando lo que está en color rojo.

Y por último encontramos abajo este código:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

Este es el que muestra el texto Página principal, igual se cambia lo que está en rojo por otro texto o imagen.

Aquí les dejo unos íconos que encontré que pueden usar.

icon left home icon right icon
left icon home icon right icon
left icon home icon right icon
previous icon home icon next icon
icon icon icon
  
Fuente: CiudadBlogger

2 comentarios :

  1. Saludos, tengo problemas (no aparece el codigo) para hacerlo en las plantillas mas recientes de Blogger

    ResponderBorrar
    Respuestas
    1. En mi blog aún aparecen los botones. Intenta buscar códigos similares, la publicación es de 2015 no te sabría decir cuanta diferencia habrá entre los códigos del 2015 con los del 2019. Me he encontrado varios trucos para Blogger pero el problema esta ahí, los códigos son diferentes y toca encontrar por cuenta propia códigos similares.

      Borrar

Antes de comentar recuerda:
⇢ No se permite el uso de vocabulario inapropiado.
⇢ Se lo más especifico posible.
⇢ Si su comentario es una pregunta por favor sea paciente y será respondida dentro de las 24 horas por fedeemen o cualquier otro usuario.

Códigos para utilizar:
⇢ Para insertar un enlace, utiliza la etiqueta: <a href="URL">TITULO</a>
⇢ Para insertar un código, utilice la etiqueta: <i rel="pre">CÓDIGO</i>
⇢ Para insertar una imagen, utilice la etiqueta: <i rel="image">URL</i>
⇢ Para insertar un título, utilice la etiqueta: <b rel="h3">TEXTO</b>
⇢ Para insertar una nota, utilice la etiqueta: <b rel="quote">TEXTO</b>
⇢ Para insertar texto en negrita, utilice la etiqueta: <b>TEXTO</b>
⇢ Para insertar texto en cursiva, utilice esta etiqueta: <i>TEXTO</i>

¿De quien es esta página?:
⇢ Sluntamy fue creado el 25 de enero de 2010 por fedeemen.