Tutorial - Ir ao Topo com efeito Deslizante

Yoo !

Muitas blogueiras de hoje , ficam se perguntando ou achar aquela setinha , que quando aperta ela , ela desliza pelo blog . Não é grande coisa , mas conta muito no blog e principalmente aos leitores. Clique em "Mais Informações "

Bom , vamos começar o Tuto .

1- Vá em Editar HTML aperte F3 ou Ctrl + F e 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>

2- Agora procure por </head> e insira antes dessa tag :

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

4- Agora coloque no lugar de URL DA IMAGEM a imagem de "Ir ao topo " .

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

Se quiser invés de uma imagem de ir ao topo , querer de modo escrito , substitua o código vermelho pelo texto que preferir .
Agora visualize , e veja se deu tudo certo 

Beijo , Beijo :)