Tutorial: Voltar ao topo com efeito deslizante

Vamos aprender a colocar a famosa seta de voltar ao topo do Tumblr?

Eu vi esse tutorial no Place Fame - Extras (todos os créditos ao blog) e adorei! Como podem ver, a setinha aí do lado inferior direito do blog tem esse efeito! Mas, vamos ao tutorial!

Procure pela tag </body> e antes dela, insira:

<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>

Depois procure por </head> e como anteriormente, ANTES dessa tag insira:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

Agora você já pode inserir o código do efeito deslizante aonde quiser!

<a href="#" id="subir"><img src="URL_DA_IMAGEM"/></a>

Se quiser colocar um texto ao invés da imagem, substitua o código em vermelho pelo texto desejado.

Não se esqueçam de comentar! E se usarem deixem o link do blog para eu ver o resultado! =D

Beijos,
Camy!