...

Poner un botón para subir

8 dic 2014

Ideal para los blogs donde en la página principal hay varios posts para que no tengamos que darle a la barrita lateral subiendo y subiendo hasta volver a la parte superior del blog.

Un "botón" puesto en la esquinita inferior derecha de tu pantalla donde, en cualquier momento y en un solo clic puedas situarte en la parte superior del blog es una delicia, verdad?? :)

Yo lo he puesto en este y te voy a explicar cómo hacerlo, ya es es muy, muy fácil!

Para empezar, necesitarás encontrar una pequeña imagen (de unos 100x100px) para usarla. Yo he escogido una flecha como dibujada a mano. Hay miles de sitios donde puedes descargártelas gratuitamente o bien puedes diseñarla tú con cualquier programa de diseño (desde un photoshop hasta un pixl, picmonkey, etcetera).

Esa imagen necesitarás subirla a una web para que te genere una url. Lo más fácil es usar TYNIPIC, ya que es gratuito y te da la url en nada y menos. Yo me copio la url que me da en "Enlace directo para presentaciones":



Ok, pues. Una vez tengas la imagen que vas a utilizar y la url de la misma (ten en cuenta que Tynipic es una opción, pero no la única, ya que puedes hacer lo mismo subiendo la imagen a tu Google Drive, Google Fotos, Dropbox, etc), es cuando iremos a DISEÑO => añadiremos un gadget html abajo de todo, en el pie o footer del blog y copiaremos el siguiente código:

<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='SUBIR'><img src="URL DE TU IMAGEN", width=100px /></a>

y ya está!

Puedes modificar tanto la palabra que aparecerá cuando se sitúe el cursor encima de la imagen (SUBIR en este ejemplo) como el tamaño de la imagen (100 px en este ejemplo).

Y, donde pone URL DE TU IMAGEN, pega el enlace que te ha dado Tynipic o cualquir otro programa.

Ya tienes un botoncito para subir arriba!! :)

No hay comentarios:

Publicar un comentario

Muchas gracias por tu comentario!