Para poner las Flechas Ir Arriba e Ir Abajo en el blog de blogger
Ir a Diseño ► Añadir un gadget ► HTML/Javascript.
Dentro del gadget pegaremos el siguiente código:
✎ Los botones estarán ambos en medio de la pantalla.
Ir a Diseño ► Añadir un gadget ► HTML/Javascript.
Dentro del gadget pegaremos el siguiente código:
<script language="JavaScript">
function abajo() {
window.scrollBy(0,30); // velocidad abajo mas es mas rápido
scrolldelay = setTimeout('abajo()',80); // tiempo
}
function subir() {
window.scrollBy(0,-30); // velocidad subir mas es mas rápido
scrolldelay = setTimeout('subir()',80); // tiempo
}
function stopScroll() {
clearTimeout(scrolldelay);
}
</script>
<a style="display:scroll;position:fixed;bottom:150px;right:0px;" onmouseover="abajo()" onmouseout="stopScroll()" href="" title="Ir Abajo"><img src="URL de la imagen"/></a>
<a style="display:scroll;position:fixed;
bottom:180px;right:0px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="URL de la imagen"/></a>
✎ Si quieres incrementar/disminuir la distancia entre las dos flechas, entonces cambia los valores de bottom:150px y bottom:180px
✎ Si quieres que las flechas aparezcan a la izquierda en ves de a la derecha, entonces cambia donde dice right:0px; por left:0px; en ambos códigos.
✎ Si quieres que las flechas aparezcan a la izquierda en ves de a la derecha, entonces cambia donde dice right:0px; por left:0px; en ambos códigos.
✎ Donde dice URL de la imagen poner la imagen, tomando en cuenta que el primer código es para el botón de Ir Abajo y el segundo para el de Ir Arriba.
No hay comentarios:
Publicar un comentario