Ir ao topo efeito deslizante

Oii meus xuxuzinhos gostozudos a Gaby do Blog Let's Go quer saber como fazer o efeito deslizante no de volta ao topo pois bem eis o tuto p/ ela então e p/ todos que quiserem usar esse efeito também e brigadinhuu aos 80 seguidores *-*
Vá em design > Editar HTML > Ctrl F e proucure por: </body>
acima/antes dela cole o código:
<script type="text/javascript"> $(document).ready(function() { $('#subir').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); return false; }); });</script>
Agora, procure por </head> e cole antes/acima dela o código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Depois disso é só adicionar um Gadget HTML/JavaScript e cola esse código:
<div style="position:fixed; bottom:0px; right:0px;"><a href="#" id="subir"><img src="URL DA IMAGEM"/></a></div>
Eu testei no blog com modelo travel/viagem

créditos:()

12 comentários:

  1. Ai flor não deu certo! Eu queria o efeito deslizante esse é o comum mais mesmo assim agradeço beijoshttp://worldlivegirls.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. eu testei aqui no blog e deu certo xuxu.só que não gosto so efeito por isso uso o normal, talvez seja o modelo de template que tu usa..sei la

      Excluir
  2. Agora consegui Uhuuuuuul!! Flor tira o capcha do blog isso irrita na hora de comentar beijos!
    http://worldlivegirls.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Aff nem vi que tava esse troço *O*
      maldito apareceu por conta própria..vou conferir

      Excluir
    2. Que bom que deu certo..
      *o* não tem captcha no blog *o* *o* *o*

      Excluir
  3. Ótimo tutorial! >u<
    Seu blog é muuito fofo, ameei! ~
    Já estou seguindo (^-^) continue com o ótimo trabalho!
    Kissus

    harajukucriativa.blogspot.com

    ResponderExcluir
  4. Fica um efeito supe fofo ^_^
    Estou seguindo se puder retribuir agradeço *-*
    Kissus
    #RawrBaby~~> Plush-bomb.blogspot.com.br

    ResponderExcluir
  5. Tem meme pra você lá no FP,, http://blog-foreverpretty.blogspot.com.br/2012/03/ganhamos-um-meme.html . Bezoooos ‘

    ResponderExcluir
  6. Oi flor, seu blog é lindo *-*, acabei de conhecer seu cantinho e já estou amando, por isso estou seguindo aqui! :D
    Retribui? http://teensgirlsmoda.blogspot.com.br/

    ResponderExcluir