Como agregar un botón para subir hasta el inicio de página


Antes de ir al tutorial de hoy, quiero agradecerles por la cantidad de mensajitos de cariño y buena onda en el post anterior, en Instagram y en la página de Facebook. De verdad me llenaron el alma!! Muchisimas gracias.


El tutorial de hoy es muuuuuuyyyy fácil. Vamos a hacer nuestro propio botón (puede ser una flechita hacia arriba o una palabra "subir" por ejemplo) para que nuestros lectores puedan volver al inicio de página de manera mucho más cómoda y sencilla (¿es de vieja decir "sencilla"? me parece que si).

Algo como esto que yo hice en mi blog...




Para empezar vamos a ir a picmonkey (i love you) y vamos a crear una imagen de 80x80 px con el fondo transparente.
Entramos en picmonkey y elegimos la opción "design"



Nos lleva a una opción que se llama "Canvas Color" o color de lienzo. Tildamos la opción "transparente"...





Poner "apply" o aplicar.
Diseñamos nuestra imagen a gusto y piacere (?).
Vamos a "Resize" y ponemos 80x80, aplicar.




Guardamos nuestra imagen y luego la subimos a Photobucket. Después vamos a copiar la dirección de nuestra imagen como figura en la foto inferior...




Y por último, entramos en nuestra cuenta de blogger, vamos a Layout (diseño si nuestra bandeja de blogger está en español) agregar gadget y ahí elegimos HTML.
Ahí van a copiar y pegar el siguiente código:

style="display:scroll;position:fixed;bottom:5px;
right:5px;" href="#" title="Back to Top"><img
src="URL DE TU IMAGEN" />
 

No hace falta que le pongan titulo al gadget. Tienen que remplazar el texto en rojo por la dirección de la imagen que subieron a Photobucket, con cuidado de no borrar las comillas ni ninguna otra cosa porque sino no va a funcionar el código. Guardamos y listo!. ¿No es súper fácil?. Y nuestros lectores, agradecidos!!!.


Loli

2 comentarios:

  1. HIce todo pero cuando llego a la parte de subirla a Photobuket no se como tengo que hacer para guarda la imagen ahí ??? AYUDA !!!!!!
    reynasninas@hotmail.com

    ResponderEliminar
  2. Buenisimo Loli, mil gracias por la ayuda !! Soy nula para todo esto !
    Lo que no encuentro es tu mail, me lo pasas. Gracias !
    Ale

    ResponderEliminar

Lote 93. Todos los derechos reservados. © Maira Gall.