martes, 28 de septiembre de 2010

Botones iconos de Arriba Abajo blog

Poner botón de Ir Arriba e Ir Abajo


En la etrada de hoy les voy a explicar cómo poner un botón de Ir Arriba e Ir Abajo en el blog. Estos botones son muy útiles, ya que facilitan la navegaciónde nuestro blog, en especial si tenemos mucho contenido en cada entrada o en la página principal del blog. Con esos botones podremos permitir a cada visitante subir y bajar en nuestro blog, logrando así una mejor navegación. Es muy sencillo lograr este efecto, lo conseguí colocando dos imágenes, una de ellas con un enlace apuntando hacia la parte de arriba del blog (para ello coloqué esto como enlace: #), la otra imagen tiene un enlace apuntando hacia el footer del blog (generalmente #footer-wrapper). Comencemos:
[1] Vamos a Diseño > Edición de HTML y pegaremos lo siguiente antes de </body>:

<a href='#'><img border='0' src='http://www.todoblogger.com/wp-content/uploads/2010/09/ir-arriba.png' style='position: fixed; top: 0; right: 0;'/></a> <a href='#footer-wrapper'><img border='0' src='http://www.todoblogger.com/wp-content/uploads/2010/09/ir-abajo.png' style='position: fixed; top: 40px; right: 0;'/></a>


[2] Las imágenes utilizadas para este ejemplo son:



Para cambiarlas simplemente modifica lo que está en rojo por tus imágenes preferidas. Debes saber que la primer parte destacada en rojo es la imagen de Ir Arriba, por lo cual tendría que ser una flecha apuntando hacia arriba. La segunda es obviamente la de Ir Abajo.
[3] Por defecto, los botones están en la parte superior derecha de la plantilla, si quieres que estén en la parte inferior derecha de la plantilla cambiá ambas veces lo verde porbottom.


Imágenes:

Les dejo algunos botones para que utilicen:






Fuente

1 comentarios:

josemelly5 dijo...

hola amigo lo puse en mi blog ,y el boton q te dirige hacia arriba si funciona ,el q va hacia abajo no,por que?'

gracias y saludos

Publicar un comentario en la entrada

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones