IR AO TOPO COM EFEITO

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:

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

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

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

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

<a href="#" id="subir">Topo</a>

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

Agora salve e pronto. =]