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