Tutorial Blogger: Flecha / ir arriba con efecto deslizante solo HTML


Es muy fácil, vamos a Diseño → Añadir un Gadget →  HTML/Javascript.


<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nt_zTXg8R84Nzp_txA8se7n9E1DFa1KkMD-rqHw-T_t8_zIX1-3mJ3WLWQ21Dr1773FcRTl2srWcXh0nqQvhfu9yOb2Pup1D7eaKq4-ELzEcnkoc5ArcDgqDsPxQaOa-Ywv7zpShfPY/s1600/Untitled.png"  href="#wrap" title="Subir arriba" class="go-to-top"  style="position: fixed; bottom: 10px; right: 1%;" width='15' height='15'/></a>

El rosa es el URL de tu imagen, el lila es el tamaño de tu imagen, y el azul, la posición (right, left).

Bueno, y aquí os dejo algunas imágenes que podéis usar para vuestro blog (echas por mí).












6 comentarios:

  1. Hola :) ya conocía el truco pero sin embargo, los botones están Muy bonitos :)
    besitos!

    ResponderEliminar
  2. Hola! Ya tengo uno en mi blog pero que diseños mas lindos! Me quedaré un ratito por aquí para ver que tutoriales haz subido, muchas gracias por la entrada! Que tengas un buen fin de semana!
    Besos<3

    ResponderEliminar
  3. Tengo mi propio diseño desde hace tiempo, y apliqué esto en su día, pero me interesaría que mi botón fuese responsive y sólo se viera cuando se está en la parte inferior del blog. Mi idea es incoporarlo a la propia plantilla del blog. ¿Cómo se puede hacer con una imagen propia? Un saludo.

    ResponderEliminar
  4. Hola, no se si sea porque yo puse algun codigo mal o que pero al momento de apretar la flecha, esta no sube

    ResponderEliminar
  5. Yo quiero que este botón esté en las entradas, no en la página principal del blog. ¿Cómo podría?.
    Gracias anticipadas.
    https://bionuriaemocion.blogspot.com/

    ResponderEliminar
  6. me gusta tu diseño siempre busco cosas nuevas para mis blog

    ResponderEliminar

¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥ :$

Post nuevo Post antiguo Home