Flecha de subir para nuestra página

Vamos a mostrar como poner fácilmente un flecha de subir al principio de nuestra página facílmente.
Para insertarlo tenemos que ir a:

Diseño> Añadir un gadget> HTML/Javascript

Aquí dejo el código:

  <a style="display:scroll; position:fixed; bottom:10px; right:80px;href="#"  title="Volver arriba"><img src="URl de la imagen" /></a>


Ahora vamos a ajustarlo
En # pondremos el enlace de nuestro blog
Los números que he marcado en verde corresponden a

bottom:10px; la distancia que hay del final de la pantalla y la imagen

right:80px la distancia de la parte derecha a la imagen. Esto lo puedes ajustar a el diseño de tu blog.



 La Url de la Imagen marcada en azul es la que tenemos que cambiar para poner la imagen que nosotros queramos.

Si no tenemos instalado en nuestro blog jquery, debemos de instalar este código.
Para ello nos vamos a:

PLantilla>Html

Buscamos </head> y justo antes pegamos esto:
 
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Ahora ya podemos guardarlo y ver como funciona.
Aqui dejo algunas imágenes por si las quereis usar.


                            









 

Publicar un comentario

Deje su comentario y si tiene alguna duda en breve la cintestaremos.
Gracias

Artículo Anterior Artículo Siguiente