Flecha para subir arriba en un blog

¡Hola blogger!

Hoy os traigo un tutorial blogger para poner una flecha de "Subir arriba" en blogger, el tutorial es muy cortito y fácil.

1. Lo primero que tenemos que hacer es tener la imagen para subir arriba. He preparado estas si os gusta alguna simplemente recortáis la que os gusta con paint o con cualquier programa, si no os gustan están echas con el programa Pic monkey son muy facilitas de hacer.
Flecha para subir arriba en un blog



2. Necesitamos la url de nuestra imagen por lo que la imagen que hemos recortado la subimos a blogger en una entrada cualquiera , también se puede hacer con pinterest... pero suelen dar más problemas.

3. Cuando tengamos la imagen subida nos vamos al post, pinchamos con el botón derecho y le damos a "Abrir enlace en una pestaña nueva" y copiamos la url de la pagina que se nos abre.
Flecha para subir arriba en un blog
4. Cuando tenemos la url simplemente sustituimos en este código, mi url por la vuestra:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDYL-_UVacYRnWBQOI2IGCGQRZref5Nviw0nzmGhVS3RrL6_Wdx6ZxDqOI-x4sMgu7aViLRgseHGx2hthMMVbI1TB0gnovnUD5tLjx1Dn5umElHbm_f4MGc8LhcBIJIoeXURa8MiMCvs/s1600/boton-subir.png" /></a>

Bueno si queréis usar la misma imagen lo podéis quedar así.

5. Copiamos el código y nos vamos a Escritorio/añadir un gadget/Html y javascrip/ pegamos el codigo, guardar y listo.

¿Os gustan este tutorial blogger para poner flechas en un blog? f

melyssa

13 comentarios:

  1. fíjate que cosita mas sencilla y yo siempre preguntándome comolo ponían las demás....jajajaja besos

    ResponderEliminar
  2. Con esta no se yo si me voy a animar....

    ResponderEliminar
  3. Yo esto lo tengo en mi blog y me parece un invento muy bueno jeje. Un beso

    ResponderEliminar
  4. ui ui ui, esto lo voy hacer yo ahora mismo :D jiji
    muchas gracias por la informacion

    ResponderEliminar
  5. Anda...pues lo intentare sin duda!!muchas gracias ;)

    ResponderEliminar
  6. Hola, soy nueva en esto de los blogs y quiero darte las gracias por ayudarnos de forma fácil a la gente que empieza, mi blog no es nada del otro mundo, es más, no es ni de este mundo. Realmente no se lo que es jejeje, pero ayer empecé a leer entradas tuyas y me he animado a mejorar el mío y he empezado por el diseño (aunque tengo mucho que mejorar) pero en estos momentos no tengo mucho tiempo como para dedicárselo al blog. He subido una entrada mencionándote y dándote las gracias.
    Un besote.

    miotromundoloco.blogspot.com

    ResponderEliminar
  7. Melyssa, adoro tus tutoriales. Estoy interesada en implementar mi propio diseño dentro de la plantilla, es decir, no como widget, para que así sea responsive, pero por más que indago todos los trucos que veo son con jQuery, y no me interesan esas flechas, sino mi propio diseño. ¿Sabrías cómo hacerlo? Un saludo.

    ResponderEliminar