15 de set de 2012

Tutorial - Topo Com Efeito Deslizante!

Oie! Tudo bom? A pedido da Sarah: Vamos aprender a colocar no blog o "Topo com efeito deslizante", é realmente fofo! Bora? Aprendi no Girls Online!

 Design > Editar HTML 
De o famoso "Ctrl F" e busque por:
</body>
Fez isso? Ok. Antes dessa tag, cole:
<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
Agora, busque por:
</head> 
Antes dessa tag cole:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Pesquise novamente por:
</body>
E antes da tag, cole:
<a href="#" id="subir"><img src="LINK DA IMAGEM"/></a>
Apenas substitua o lugar destacado pelo link da sua imagem voltar ao topo. Tem uma muito lindas aqui.

Um comentário: