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 :
🌟 ¡Gracias por formar parte de Zarabarandula! 🌟
Tu opinión es muy importante para nosotros. Cada comentario, sugerencia y reflexión enriquece este espacio y ayuda a construir una comunidad más cercana, participativa y apasionada por la actualidad, el entretenimiento y la cultura.
Te animamos a seguir compartiendo tus impresiones, experiencias y puntos de vista con respeto y entusiasmo. Leer tus comentarios nos motiva a continuar creando contenidos de calidad pensados para ti.
¡Gracias por leernos y por hacer de Zarabarandula un lugar vivo y lleno de conversación!
💬 ¡Esperamos tu comentario!