11 julio 2010

Flechas de ir arriba-abajo en el blog

Hola Bloguero.  ¿Tu blog es extenso y ahora necesitas implementar algo para agilizar un desplazamiento ligero de arriba a abajo o estando en la parte inferior hasta la parte superior del blog?

Pues bien! es posible añadir dos botones con la apariencia de unas flechas como las de las imágenes, y conjuntamente con unas lineas de código  que ejecuten el desplazamiento deseado. 

En seguida están las lineas de código para implementar en el blog que mostraran las flechas para desplazarse hacia arriba o hacia abajo.

1.  Ingresar en Blogger - Diseño - HTML.
2.  Clic en cualquier parte del código (no es necesario expandir artilugios) y Ctrl+F para buscar.
3.  Buscar <body> y antes de este fragmento copiar el siguiente código.

<a href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:250px;right:5px;' title='Ir arriba'><img src='http://lh6.ggpht.com/_axCZkoAAtzs/TDACSIZdn4I/AAAAAAAAApU/
xg1mKfriVCs/s128/subir.png
' style='border:0;'/></a>
<br/>
<a href='#GoDown' style='display:scroll;position:fixed;bottom:165px;right:5px;' title='Ir abajo'><img src='http://lh6.ggpht.com/_axCZkoAAtzs/TDACRwliSPI/AAAAAAAAApQ/
dtWMSsmx_II/s128/bajar.png
' style='border:0;'/></a>
<a name='GoDown'/>
Las secciones que están en rojo, identifican las URL de las imágenes a utilizar, y los valores numéricos indican en pixeles la posición de las imágenes.

No hay comentarios:

Publicar un comentario en la entrada