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;
- Abre el editor de blogger y ves a Diseño
- Añadir un gadget, se abre una ventana con diferentes opciones, haz clikc en HTML/Javascript
- 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>
- ahora, sustituir el url de: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXnInTQAl9Tnvi5zRqsuBr7ESlDtrM2sGEvqbPaEpn8AbwyQ1IsuEbHpKG85CX9LutxwWXuL-Wly5jutdvsKDVZECpCOQlQYSvTq3fkx6K0iOTqRNe6zZklKNzU7ogi6JMDjZkG1T3W4/h240/up.pngPor 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)
- 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