3 de enero de 2015

Flechas Ir Arriba e Ir Abajo en el blog

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:

<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>

Los botones estarán ambos en medio de la pantalla.
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.

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

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.