¿Cómo insertar el botón subir?


Poner un Botón de Subir en tu blog o sitio web, puede parecer un simple detalle para mejorar el diseño, pero es mucho más que eso, facilita la navegación de los lectores. Cuando bajan mucho, leyendo las entradas, puede ser pesado subir hacia arriba con el ratón, gracias a este botón, con un simple click, vuelven a estar en la cabecera.

Vamos a ver como incorporar el botón subir

Este es el código que tienes que copiar:

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop">
<a style="display:scroll;position:fixed;bottom:400px;right:5px;" class="backtotop" href="#" rel="nofollow" alt="arriba" title="Subir"><img width="45px" height="45px" style="border:0;" src="URL de la IMAGEN"/></a></div> 


  1. Una vez hayamos copiado nuestro código, vamos a nuestra plantilla HTML.
  2. Pinchamos en cualquier parte de nuestro código y pulsamos simultáneamente Control + F para abrir el buscador interno.
  3. Escribimos </body> en la caja del buscador y damos a Enter.
  4. Pegamos el código justo encima de </body>
  • Solo tendrás que cambiar lo que esta en rojo, es decir la URL DE LA IMAGEN donde tiene alojada la imagen que quieres poner.
    5.   Comprobamos en Vista Previa que todo está bien y guardamos los cambios.

Este código también pueden añadirlo como elemento HTML/Javascript y funcionara igualmente.

  1. Entramos en Diseño, añadir un Gadget y elegimos HTML/Javascript y copias el código que deje arriba.
Aquí dejo algunas imagenes para que tomen la URL.











Puede encontrar más flechas en:  
 



Recuerden hacer un Respaldo de tu Plantilla antes de realizar cualquier cambio o modificación.









No hay comentarios:

Publicar un comentario

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