Botão ir ao topo da página com efeito deslizante

O botão de ir ao topo ou ir para o ínicio da página é interessante e melhora a permanência de alguns visitantes em seu blog. Para muitos pode parecer inútil, mas existem internautas de todos os tipos, inclusive alguns que saem do seu site por preguiça de voltar ao topo para olhar outras páginas.

Então vamos lá, para instalá-lo em seu blog é só seguir o tutorial:

1. Acesse  o seu blog.
2. Vá para a área de edição de HTML
3. Procure por:

</body>
4. Antes da tag acima ( </body> ) insira o seguinte código:
<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
5. Agora porcure por:
</head>
6. Cole o seguinte código abaixo da tag citada ( </head> ):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
7. Agora adicione o código abaixo onde você quer que o botão de subir fique:
<a href="#" id="subir">Topo</a>
Normalmente  dentro de <div id="footer"> ou algo relacionado a “footer”. Tudo depende do layout.
Pornto agora é só salvar!

Até a próxima.

Script retirado do blog: robson moulin

Gostou? Compartilhe: