Personalizar los links Entradas antiguas, Entradas mas recientes - BloggerS Look
BloggerS Look professional-blogger-blog%255B5%255D
Blogger0
INSPITATION AND CREATIVITY IN SOCIAL NETWORKS
demo-image

Personalizar los links Entradas antiguas, Entradas mas recientes

Share This
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. 
WEB DEL AUTOR: http://www.ciudadblogger.com/2009/07/personalizar-los-links-entradas.html

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.

Icono_izquierda_gris Icono_inicio_gris Icono_derecha_gris
left_orange home_orange right_orange
left_blue home_blue right_blue
previous home next
001_23 001_20 001_21
01_23 01_20 01_21
Comment Using!!

No hay comentarios:

Publicar un comentario

Vistas de página en total

14181
HOME
tS9S8GF