Tutorial - Ir ao topo Deslizante

 

Yoo !

Trouxe um tutorial e Ir ao topo. Sei que já temos um aqui, mas dessa vez eu trouxe com efeito deslizante.

O detalhe é pequeno, mas conta bastante no blog.

1. Vá em Design > Editar HTML e procure por </body>

2. Antes dessa tag insira o seguinte script:

<script type="text/javascript">

    $(document).ready(function() {

       $('#subir').click(function(){

          $('html, body').animate({scrollTop:0}, 'slow');

      return false;

         });

     });

</script>

3. Agora procure por </head> 

 

4. Antes da tag cole: 

 

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

5. Volte novamente até </body> e cole:

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