relojes blogs

28.5.11

Flecha "Ir arriba" con efecto deslizante


Comparte esta historia en:

Cuando tienes un blog demasiado largo (como este por ejemplo), es una buena opción colocar un botón o flecha que al utilizarlo suba el blog rápidamente hasta la cabecera. Si además esta acción se realiza con un efecto deslizante quedará mucho mas elegante y espectacular.

Para colocar la flechita "Ir arriba" solo debes seguir estos tres sencillos pasos:

1. Entramos en Diseño / Edición de HTML / buscamos la etiqueta </head> y justo antes pegamos este código que hará que el efecto sea deslizante:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype y Scriptaculous-->

2. A continuación buscamos </body> y justo antes pegamos lo siguiente:

<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>

3. Ahora cambia la URL de la imagen por la que tu quieras y listo.

0 Comentarios :

¿Quieres comentar algo?




Estado del blog

entradas
comentarios
1.467 followers
168 seguidores
 días online



Comentarios recientes

 
© Copyright 2009 - 2015 | Contacto | Seguir este blog | Sobre mi | Facebook | Twitter | LinkedIn | Mapa del sitio | Tienda | Conversor | RSS |

@duque71 2015