Flecha o imagen para volver arriba con efecto deslizante suave

 

[1] Vamos a Diseño > Edición de HTML y añadimos el código de la llamada de JQuery antes de </head>. Este código solo lo añadimos una vez al blog, por lo tanto si ya haz realizado algún otro efecto con JQuery no debes volver a colocarlo.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//]]>
</script>

[2] Ahora vamos a añadir el script de nuestro efecto deslizante al volver arriba antes de </head>:

<script src='http://www.todoblogger.com/wp-content/uploads/2010/08/ir-arriba-jquery.js' type='text/javascript'/>

[3] Por último nos queda añadir el botón en el blog, para esto vamos a pegar el siguiente código antes de </body>:

<a href='#' onclick='MGJS.subir();return false;' title='Volver arriba'><img src='http://www.todoblogger.com/wp-content/uploads/2010/08/ir-arriba.png' style='position: fixed; bottom: 10px; right: 10px;'/></a>

Con esto ya tendremos el botón de volver arriba añadido al blog. Espero que les haya sido de utilidad y que anden bien. Saludos


Fuente: http://www.todoblogger.com/2010/08/volver-arriba-con-jquery.html