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

Um botão de ir para o início da página é interessante, pois facilita para o usuário e pode melhorar o tempo de permanência da pessoa em seu blog/site. Pode parecer algo inútil, mas existem internautas de todos os tipos, inclusive aqueles que saem do seu site por preguiça de voltar ao topo e olhar outras páginas.

No site do Robson Moulin (webdesign), encontrei um código bem simples e que funciona de maneira suave (não sobe a página de uma vez e sim com um efeito deslizante).

Para instalar em seu blog é só seguir as orientações:

1) Entre no painel de administração do seu blog (Blogger, WordPress ou qualquer outro), depois na área de edição do layout;

2) Procure (Ctrl +f) por </body> e insira o seguinte código ANTES da tag encontrada:

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

3) Procure por </head> e cole o seguinte código ANTES da tag encontrada:

<code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;</code>

4) Agora adicione o código abaixo onde você quer que fique o botão de subir:

<code>&lt;a href="#" id="subir"&gt;<b>Topo</b>&lt;/a&gt;</code>

Geralmente é dentro de <div id=\”footer\”> ou algo relacionado a “footer”. Tudo depende do layout.

Agora salve e pronto. =]

Faça o teste: Topo

 

Recomendação

Precisa de um logo para o seu novo negócio? criar um logotipo online hoje.