Botones iconos de Arriba Abajo blog

  • septiembre 28, 2010

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

No Comments Found