Cambiar iconos de navegación en Blogger para mejorar la experiencia

  • Autor Autor Mosarella
  • Fecha de inicio Fecha de inicio
Mosarella

Mosarella

1
Ni
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
hola otra vez hoy probe en mi blog blogger un nuevo truco o complemento, cambie las clasicas entradas recientes y entradas mas antiguas por imagenes, pues si tu blog es como un diario de noticias o se actualiza constantemente puedes ayudarte de estas barras de navegacion para orientar mejor al navegante.

para ello tan solo tendremos que cambiar desde edicion HTML, expandir plantilla de artilugios esto:

Insertar CODE, HTML o PHP:
<DIV class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>

<SPAN id='blog-pager-newer-link'>
<A class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></A>
</SPAN>
</b:if>

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

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


y lo reemplazamos por esto:

Insertar CODE, HTML o PHP:
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img alt='data:newerPageTitle' src=' [B]URL de imagen de entradas anteriores[/B] ' /></a>
</span>
</b:if>

<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'> <img alt='data:olderPageTitle' src=' [B]URL de la imagen de siguiente pagina [/B]'/> </a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img alt='data:homeMsg' src=' [B]URL de la imagen de inicio[/B] '/> </a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>

</b:if>
</div>


si lo hacen bien el resultado era mas o menos (para que se den una idea visiten esta entrada:

Se acerca el regreso de The Rock a la WWE

debajo de los comentario e ven loss iconos de navegacion
 
Última edición:
con todo y conejitos? 😛

Usa los bbcode CODE, no QUOTE, obtendrás un mejor resultado sin conejitos y se puede hacer copy paste del código.
 
con todo y conejitos? 😛

Usa los bbcode CODE, no QUOTE, obtendrás un mejor resultado sin conejitos y se puede hacer copy paste del código.

arreglado los conejos 😎
 
Excelente truco lo tendré muy en cuenta.
 
Atrás
Arriba