4 de octubre de 2016

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 gadgetHTML.

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://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 ;)

2 comentarios:

  1. Muy buena entrada, siempre tuve curiosidad de cómo se hacía pero mi nuevo tema de blogger ya venía con el botón así que... De verdad que esta sección es genial, sigue así
    Besos desde Alexia's Little Corner

    ResponderBorrar
    Respuestas
    1. Hola!! Gracias!
      Espero que te sirvan de algo los demás tutoriales ;)

      Besos!! :*

      Borrar

Hola!
El blog es tanto tuyo como mio, yo solo expreso mi opinión y hago ver los libros desde otra perspectiva <3.
Cualquier comentario que no sea ofensivo o SPAM masivo será bienvenido.
Un beso. Felices Lecturas.

Gaby. Con tecnología de Blogger.