]

martes, 4 de noviembre de 2014

BOTÓN DE SUBIR ARRIBA EN BLOGGER

CÓMO PONER UN BOTÓN DE SUBIR ARRIBA EN BLOGGER 

Primero copiar la URL de una imagen, o png o giff si la queremos con movimiento de una flecha en dirección hacia arriba. Después;
  1. Abre el editor de blogger y ves a Diseño
  2. Añadir un gadget, se abre una ventana con diferentes opciones, haz clikc en HTML/Javascript
  3. Copia y Pega el código que he puesto en la caja donde dice Contenido.
<a style="display:scroll; position:fixed; bottom:10px; right:80px;" href="#" title="Volver arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXnInTQAl9Tnvi5zRqsuBr7ESlDtrM2sGEvqbPaEpn8AbwyQ1IsuEbHpKG85CX9LutxwWXuL-Wly5jutdvsKDVZECpCOQlQYSvTq3fkx6K0iOTqRNe6zZklKNzU7ogi6JMDjZkG1T3W4/h240/up.png" /></a>
  1. ahora, sustituir el url de: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXnInTQAl9Tnvi5zRqsuBr7ESlDtrM2sGEvqbPaEpn8AbwyQ1IsuEbHpKG85CX9LutxwWXuL-Wly5jutdvsKDVZECpCOQlQYSvTq3fkx6K0iOTqRNe6zZklKNzU7ogi6JMDjZkG1T3W4/h240/up.png
    Por el de la imagen de la flecha que queremos poner, por ejemplo este:  http://www.natisone.it/temi/0su.gif  (imagen de un dado giff)
  2. Una vez hechos los cambios darle a guardar.

Los números que he marcado en verde se corresponden con la posición del botón y los podéis cambiar, bottom:10px  es la distancia que hay entre el final de tu pantalla y la imagen del botón, puedes aumentarla o disminuirla, right:80px es la distancia que hay desde la parte derecha de tu pantalla hasta la imagen o botón, también la puedes aumentar o disminuir para ajustarlo al diseño de tu blog.

Ves a ver blog para ver si se ha insertado correctamente y se adapta bien a tu diseño,  si quieres modificar la distancia del botón puedes editar el código y hacer los cambios para ajustarlo a tu gusto.

No hay comentarios:

Publicar un comentario