Tutorial {Agregar Botón Subir Arriba}

Hola Viajeros, en vista de que no puede subir el tutorial el lunes pasado se los traigo hoy, y no es nada menos que algo fácil y sencillo.

Nuestro botón de subir arriba nos permitirá al usuario volver a la cabecera de tu blog facil y rapido, 

Por ejemplo: Si no usas que conforme vaya bajando el usuario el menú de igual manera vaya bajando (sin que sea molesto o muy grande), así como el mio, y tu menú son las "páginas/pestañas" que te brinda blogger, entonces este botoncito le ahorrará mucho trabajo a tu visitante volver al menú y visitar más secciones de su interés ;).

➴1 Añadir una gadget

Nos vamos a Diseño ➡ Añadir un gadget ➡ HTML.

☛ Podrán añadirlo tanto en el sidebar como en el footer, es indiferente, ya que con el código que le vamos a poner, le vamos a decir que se coloque en la parte inferior derecha del blog.

➴2 Añadimos el código HTML

Le añadimos el siguiente código:

<a href='#' style='display croll;position:fixed;bottom:5px;right:20px;' title='IR ARRIBA'><img src="URL del botón de subir arriba", width=50px /></a>

Y modificaremos lo siguiente:

• bottom:5px;right:20px; ➡ Este código lo pueden dejar así, pero si quieren dejar más o menos espacio entre el botón y los márgenes del blog pueden cambiar el número de píxeles.

• En URL del botón de subir arriba deben poner la URL de su imagen, qué es super facil y sencillo. Les enseño:

1) Primero deben descargar su imagen2) deben crear una entrada nueva en su blog3) subir su imagen en la entrada desde su ordenador4) copiar la url (como se muestra en la imagen)

• width=50px ➡ Esto es el ancho del botón. Lo pueden dejar así, o modificarlo si lo ven necesario. 

Aqui les dejo links de google drive donde podrán descargar imagenes (OJO: no son mis diseños)

Clic a la imagen

Clic a la imagen

    

Links de los blogs de donde cogi estas imagenes:

⇢ http://www.hora-magica.com/

⇢http://precioso-libro.blogspot.mx/

⇢http://personalizaciondeblogs.blogspot.mx/2013/03/como-poner-un-boton-de-subir-arriba.html  (aqui hay otro tutorial con más imagenes y su codigo)

Si no les gustan las imágenes que os presento yo pueden buscar en google de la siguiente manera:

Botón Subir Arriba Blogger (OJO: Deben buscarlo a manera de imagenes no búsqueda en páginas web o búsqueda general)

Y listo, buscan uno que les llame la atención, dan clic en la imagen y abren la página (en la parte derecha de la visualización de la imagen).

Espero os haya gustado mucho, que se animen a hacerlo y que sobretodo LES SIRVA.

Nos leemos luego ;)