Boton Ir Arriba con Jquery que aparece y desaparece -Tutorial-

Bueno lo primero que hay que hacer es entrar a Plantilla  Edicion HTML y con Ctrl+F buscar </head> y justo antes agregar

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

Ahora antes de ]]></b:skin> agregar 

/* Botón Ir Arriba
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}
#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(Url De Tu imagen) no-repeat center center;
}

Y para finalizar antes de </body> agregar

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

Este tutorial es de: Ciudad Bloger

Si quieres otro tutorial añadiendo un gadget HTMLjavascript da click aqui 

Bueno eso es todo, cuidate