Quickribbon

sábado, 3 de febrero de 2007

Iconos de Navegación

Podemos sustituir los links que nos da blogger por unos iconos de navegación para ir a la página principal, ver siguientes posts o ir a anteriores. Para ello tendremos que hacer una serie de cambios en la plantilla.

Para poder trabajar en ella tendremos que marcar la casilla de "expnadir widgets" y buscamos este código en ella:

<b:includable id='nextprev'>

y reemplazamos todo el código que hay entre

<b:includable id='nextprev'>

....

</b:includable>

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://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></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://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>






A partir de ahora los links de blogger quedarán sustituídos por estos iconos:


Además, si queremos que tambien sean mostrados en la parte superior de los posts, no tendremos más que buscar un código y añadir una línea. (añadir la línea en rojo)


<b:includable id='main' var='top'>
<div id='blog-posts'>
<b:include name='nextprev'/>

Ya está listo, a partir de ahora tendréis unos iconos tanto en la parte inferior del blog como en la parte superior para la navegación entre "home", "olderposts" y "newerposts".
Por supuesto puede ser personalizado al gusto de cada uno si sustituímos las URL de las imágenes que hay incluidas en el código por unas imágenes hechas a nuestra medida.

Gracias a Hoctro por este hack

0 comentarios:

Template Designed by Douglas Bowman - Updated to New Blogger by: Blogger Team
Modified for 3-Column Layout by Hoctro
Re Updated by Zona de Pruebas