Paso 1: Antes de </head> pegamos
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
Paso 2: Antes de </b:skin> pegamos
/* Botón Ir Arriba
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}
#IrArriba span {
width: 100px; /* Ancho del botón */
height: 100px; /* Alto del botón */
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUbmP1zBD2du32EmO-PxTA_qsvwhNq1phtzl75aQ_OBQTsynUFKwz_3DbFZASPJJuE3z6wMMMTK98Kgj0zL216wAi-JfJ2zPASo_VcI3Th-syqJn-2o46zu6x725eJHHFjnbhZGWVqSwA/s1600/boton-subir.blog-pruebas.png) no-repeat center center;
}Paso 3
Antes de </body> pegamos
<div id='IrArriba'>
<a href='#Arriba'><span/></a>
</div>
<script type='text/javascript'>
//<![CDATA[
// Botón para Ir Arriba
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#IrArriba").hide();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 200) {
jQuery('#IrArriba').fadeIn();
} else {
jQuery('#IrArriba').fadeOut();
}
});
jQuery('#IrArriba a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
//]]>
</script>