20 junio 2008

Iconos de Navegación



¿Te gustaría tener iconos así en tu blog?
Un truco muy bueno que te permite colocar iconos en vez de "entradas antiguas", "página principal" y "entradas recientes. Que son los que aparecen justo debajo de donde terminan las entradas del blog. Esto facilitara la navegación de manera ordenada en el blog.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC"




Presentare dos formas de este truco, veamos el primero:

1. Nos vamos a la plantilla “Edición HTML”, la expandimos en artilugios.
2. Y con Ctrl+F buscamos el siguiente código:

<b:includable id='nextprev'>


3. Cuando ya lo tengamos localizado el código vamos a seleccionar desde <b:includable id='nextprev'> a </b:includable> . Luego lo borramos sustituyéndolo por este:

<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://img440.imageshack.us/img440/8276/backfn3.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://img95.imageshack.us/img95/48/forwardkr5.png'/></a>

</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>

<img src='http://img234.imageshack.us/img234/2834/homeyq0.png'/></a>

</div>

<div class='clear'/>

</b:includable>


Y tendrás los navegadores en tu blog… Lo podrás ver en vistas previa.

Fuentes: El Escaparate de Rosa - Gema Blog - Tu Blog Boutique

Aquí el segundo forma del truco:

Si no quieres poner los iconos; Puedes ser que te guste este, que es cambiar los "Página principal - Entradas antiguas - Entradas más recientes" por algo que tu quieras colocar. Visita a El Escaparate de Rosa. Ahí ella explica como hacerlo. La verdad esta buenísimo.

Aquí algunos iconos cortesía de Tu Blog Boutique, por si no quieres cambiarlo y solo tienes que elegir el color de tu preferencia:

up_blue http://i268.photobucket.com/albums/jj24/estefisu/upB.png

right_blue http://i268.photobucket.com/albums/jj24/estefisu/rightB.png

left_blue http://i268.photobucket.com/albums/jj24/estefisu/leftB.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/left_G.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/rightG.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/up_G.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/upO.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/leftO.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/rightO.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/upV.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/rightV.png

Photobucket http://i268.photobucket.com/albums/jj24/estefisu/leftV.png

13 comentarios:

  1. Buen día Antony, excelente tu entrada, me ha gustado muchísimo!!!, precioso el blog, la línea amarilla que separa los códigos, bello muy bello todo. Mis besitos y abracitos!!!

    ResponderEliminar
  2. Hola Graciela! Que bueno que te haiga gustado... Saludos!

    ResponderEliminar
  3. Excelente ayuda este posteo. Dejé un premio para ti en el blog.

    ResponderEliminar
  4. buenas me paso para saludar, porcierto muy buenos los icoos ke usas para lo de alante atras y todo sto me puedes hacer unos amarillos?
    si puedes nos vemos¡¡¡

    ResponderEliminar
  5. Hola Marisol! Pronto lo buscare... Saludos!

    Hola Emmanuel! Lo voy a buscar y los pongo... Saludos!

    ResponderEliminar
  6. Hola...tu blog me ayudó mucho para el nuevo formulario de comentario...asi que te agregué a mi blog de amigos ^^
    besos
    LIZ

    ResponderEliminar
  7. Hola Elizabetha! Yo también te agregare... Saludos!

    ResponderEliminar
  8. Recien lo apliqué al blog, queda muy atractivo y creo que es una herramienta mas que útil, pues muchas veces las letritas que traen las plantillas, para ir a la página siguiente, no se distinguen bien. Una ayuda muy útil estos iconos

    ResponderEliminar
  9. Hola Marisol! Si la verdad es muy útil... Saludos!

    ResponderEliminar
  10. Muchas gracias por este post. Me ha sido de gran ayuda.

    ResponderEliminar
  11. Hola Victoria! De nada, que bueno que te haya sido de mucha ayuda... Saludos!

    ResponderEliminar
  12. no tienen la sufisiente informacion de computo pen..................ejo

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!