Seta para topo da pagina (modo 2)

Olá galera, venho trazer um segundo modo de seta para o topo da pagina. Esse modo peguei em um tumblr que está em inglês, porém, ele não explica direito como colocar, eu testando, testando e testando, achei finalmente onde colocar o primeiro código. vamos la?

1º passo: parte do Javascript: 

adiciona esse código na sua descrição:


<script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>


2º passo: parte do CSS:

adiciona o código abaixo no CSS do te tumblr. (se não sabe onde é, fica em personalizar → la em baixo tem paginas e avançadas, você clica em avançadas → vai ter um espaco para escrever igual a da descrição com os dizeres: adicionar CSS personalizado.) ou (pesquise no seu edit HTML (ctrl + F) <style type="text/css"> e coloque abaixo dele):



#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;}
#toTopHover {
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
outline:none;}

*Prontinho.*
OBS: essa seta não é personalizável.