/* ANUNCIO4 */

Boton Ir Arriba e Ir Abajo con efecto deslizante


Estos botones ayudan a facilitar el manejo del contenido del blog, de forma que nos dirijan de manera más rápida hacia arriba o hacia abajo.

Para empezar, primero tenemos que agregar el efecto deslizante "Prototype y Scriptaculous", para ello ve a Diseño-> Edición de HTML, busca (Ctrl+F) </head> y arriba de la etiqueta pega el siguiente codigo:
NOTA: Si ya lo tienes en tu plantilla no es necesario agregarlo de nuevo.
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/><script>
google.load(&quot;prototype&quot;, &quot;1.6.1.0&quot;);
window.JSON = {
  parse: function (st) { return st.evalJSON(); },
  stringify: function(obj) { return Object.toJSON(obj); }
};
google.load(&quot;scriptaculous&quot;, &quot;1.8.3&quot;);
</script>
<!-- Prototype y Scriptaculous-->
Y ahora agrega lo siguiente antes de </body>
<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL DE LA IMAGEN HACIA ARRIBA' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>

<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL DE LA IMAGEN HACIA ABAJO' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>
Solo hay que cambiar lo marcado en azul por lo correspondiente.

De aquí puedes sacar las flechas:







Si no te gusta ninguno de estos puedes buscar Up para arriba y down para abajo en www.iconfinder.com 

Vía | ciudadblogger.com

6 comentarios:

No se por que no me funciono en mi blog. Si puedes ayudarme, le agradezco de antemano. Bendiciones

@MHermon espero que sirva!, he respondido en http://wixusblogger.blogspot.com/2011/03/posible-solucion-boton-ir-arriba-e-ir.html

Este comentario ha sido eliminado por el autor.

una pregunta ? como puedo ponerlo en una pagima jimdo??
http://aldyboy18.jimdo.com
e-mail: aldo.vm@hotmail.com

@aldyboy18 No manejo jimdo, no sabria decirte.

Muchas gracias por la info. Me agradan estos botones así que pondré unos en mis blogs =)

Publicar un comentario