Tutorial - Volte ao topo com efeito deslizante

Yay ~~
Trouxe tutorial para vocês ~avá~
O tutorial é como colocar volte ao topo com efeito deslizante. Ele não é aquele efeito que você clica no ''Subir/Topo'' e ele ja aparece, não esse efeito ele vai deslizando pela página até chegar ao topo :)
Vamos ao tutorial então ~~

Design > Editar HTML > CTRL+F e procure por:
</body>
Acho, etão cole o seguinte código Acime da tag:
<script type="text/javascript">
$(document).ready(function() {
$('#subir').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
Agora procure por:
</head>
Antes dela cole:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Depois procue novamente por 
</body>
e antes dela cole:
<a href="#" id="subir"><img src="LINK DA IMAGEM"/></a>
UFAA terminou, agora é so substituir o '' Link da imagem'' pelo link da sua imagem !
Neste blog ~~Link tem algumas setinhas lindas : )
Bjbj :* 

10 comentários

  1. Eu uso esse efeito, fica super lindo!!
    beijos
    -> Morango aos Pedaços

    ResponderExcluir
  2. HAHAHA, é mesmo, eu também uso e é mesmo muito bom !

    ah... Thiago eu já enviei-lhe o e-mail... Espero que tuda ocorra certo ! Beijos amore ~~♥

    ResponderExcluir
  3. Eu fui colocar e apareceu isso :
    Erro ao analisar XML, linha 1097, coluna 71: The element type "body" must be terminated by the matching end-tag "".
    G_G

    ResponderExcluir
    Respostas
    1. Você tem que colocar tudo ao mesmo tempo, não pode ir salvando á cada linha que você colocar ^^

      Excluir
  4. Ficou super lindinho e anida com as setas lindas do Jackie Dream ficou perfect!

    ResponderExcluir
  5. Adorei o tutorial, deu certinho aqui, só gostaria de saber se não tem um jeito de colocar a imagem do lado direito da página, obrigada.
    livroosviajantes.blogspot.com.br

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Comentário corrigido hehe!
    Olá! Gostei da dica, funcionou, só que gostaria de por para o lado direito.
    O meu acabou ficando para o lado esquerdo. Meio estranho, afinal a barra de rolagem é para o lado direito. É mais fácil e rápido para o usuário clicar no lado direito.
    Mesmo assim agradeço a dica.

    ResponderExcluir

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.