sábado, 21 de marzo de 2009

Sustituir texto de entradas recientes/antiguas por iconos de navegación



Sustituir el texto por imagen: Nos situamos en Plantilla/Edición HTML/Expandir plantilla de artilugios hasta encontrar esta parte de código:
<b:includable id='nextprev'>
<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>
<div class='clear'/>
</b:includable>

Y lo sustituimos por este otro:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>
</a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>
</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://img260.imageshack.us/img260/6710/homepngrg7.jpg'/>
</a>
</div>
<div class='clear'/>
</b:includable>
Las imágenes que van en el código son las siguientes:

<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>

Podemos cambiar las imágenes de los iconos pero hay que prestar atención en el orden que deben ir :

1º Izquierda 2º Derecha 3º Inicio (Centro)

Sustituir el texto por otro

Lo que hicimos anteriormente fue sustituir las etiquetas por una imagen tipo icono, esas etiquetas son:

<data:newerPageTitle/> Sustituyendo esta etiqueta estamos modificando Entradas más recientes.

<data:olderPageTitle/> Sustituyendo esta etiqueta estamos modificando Entradas antiguas.

<data:homeMsg/> Sustituyendo esta etiqueta estamos modificando Página principal.

Quiere eso decir que si nuestra idea no es añadir una imagen pero nos gustaría cambiar el texto podemos hacerlo sustituyendo las etiqueas por el texto deseado.

2 comentarios:

israel on 5 de julio de 2009, 6:27 dijo...

me sirvió mucho gracias

Unknown on 27 de mayo de 2010, 13:28 dijo...

hola esta super tu pagina y el tutorial me parecio muy bueno , hice todo lo que me dijiste y
explicas en el tutorial pero no me sale la pagina anterior , solamente me sale entradas antiguas y principal ayudame porfis, saludos

Publicar un comentario

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com