30 de set de 2011

Ir ao topo com efeito deslizante


   Retribuindo os comentários do blog, acesso o Love Tdixu (um blog super-hiper-mega fofo, com tutoriais ótimos) e vejo um tutorial super bacana que eu sempre quis aprender, pois ele é a famosa seta de voltar ao topo do Tumblr, com efeito deslizante. Sem mais blá blá blá, vamos ao tutorial? Relembrando que, o tutorial é do Lovetdixu, então, os devidos créditos.

Proucure pela tag </body> e antes dela, insira:
<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
Agora, procure por </head> e como anteriormente, ANTES dessa tag insira:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Agora, insira o código do efeito deslizante aonde quiser.
<a href="#" id="subir"><img src="URL_DA_IMAGEM"/></a> 
Caso queira um texto no lugar da imagem, substitua o código em vermelho pelo texto desejado. É pessoal, por hoje é isso. Espero que tenham curtido o tutorial! Ah, e o Place Fame mudou de look, viram? 
Beijos, Emily. 

24 comentários:

  1. Emily queria saber como que se coloca aquele efeito dobrado nos títulos ( igual ao do PF)para que eu possa colocar ele nas imagens.

    Bjs

    http://crazymanic1.blogspot.com/

    ResponderExcluir
  2. Menina, estes tutos cada vez mais fáceis hein!
    Parabéns

    ResponderExcluir
  3. Blog realmente muito bom mesmo , tutorial ótimo e bem simples ;3

    ResponderExcluir
  4. emily meu novo blog, Posso ser uma de suas afliadas? http://extrastutoriais.blogspot.com/ comenta e segui por favor bejos s2

    ResponderExcluir
  5. Oi, sou do blog LOVE HTML

    eu era dona de um outro blog o Help For You, só que foi hackeado.

    Se você pudesse aceitar filiação, seria uma ótima maneira de o meu novo blog dá certo.

    beijos

    www.lovehtml-oficial.blogspot.com

    ResponderExcluir
  6. Oiee|| adorei o seu blog!!

    ja to seguindoo !! SEGUE DE VOLTA POR FAVOR???

    http://garotoonerd.blogspot.com

    ResponderExcluir
  7. Ownnt meu DEUSS!!
    Eu apareci no Extras Place Fame !!
    *--* Thanks fofuuxa ;*

    visita? Lovetdixu.tk ou link alternativo

    ResponderExcluir
  8. Muito Pefeito o blog, amo muito akie!
    Ja sigo akiie, pode seguir meu blog?
    http://bperfectcandy.blogspot.com/

    ResponderExcluir
  9. Adorei, queria pedir um tutorial, como colocar o "Leia Mais". no seu caso "Veja o tutorial completo! »"
    Agradeço!

    http://amanda-myteenagedream.blogspot.com/

    ResponderExcluir
  10. Amanda, seu blog não tem como comentar. Tá sem nenhuma postagem. Ah, mas no blog Meia Noite e Quinze tem! (=

    ResponderExcluir
  11. amore, como eu coloco essa mensagem quando passa em cima do link ?

    beeeijos (:

    www.lovehtml-oficial.blogspot.com

    ResponderExcluir
  12. Que legal! Acho ótimo esse tutorial e fica bem mais fácil de movimentar o blog... Ps.: O PF tá lindo ;)

    Beijinhos,
    bonequinhadeluxo10.blogspot.com - visita?

    ResponderExcluir
  13. vc aceita encomendas? to desesperada atrás de alguém que faça layouts (grátis, hehe), e amo seu 'trabalho' :BB

    ResponderExcluir
  14. Obrigada Emily por passar o meu blog para a Amanda, ela foi lá e disse que tinha sido você.
    Muito obrigada, você sempre me ajudou muito em tudo, adoro seus blogs, você merece muito mais, porque além de ótima blogueira é uma ótima amiga!

    Gostaria de pedir um tutorial... não sei se é fácil, mas espero que sim.
    Queria saber como colocar aquela barra preta que fica no atributtion do blog oficial place fame.
    Muito obrigada novamente!

    Beijos, Fer.
    meianoiteequinze.blogspot.com

    ResponderExcluir
  15. Ola linda, adorei o teu blog mesmo!
    Já sou uma seguidora e gostaria que tbm fosse do meu!!
    Muitos beijinhos
    marinarbd-cdm.blogspot.com

    ResponderExcluir
  16. esse código n funcionou e agora o meu blog ta todo desorganizado. a plaquinha ficou lá em cima, com um código estranho escrito em baixo. por favor, vê lá e me ajuda a tirar????? é www.happy-charllote.blogspot.com,

    ResponderExcluir
  17. Oi florzinha!!!

    Gostei do seu cantinho viu, parabéns pelo seu trabalho aqui!!

    Aproveito e te convido, oh tem 4 SORTEIOS no meu blog, participe amada, se jogue na sorte!!

    Ótima semana viu!

    Beijinhos e fique com Deus

    www.ohlouka.com

    ResponderExcluir
  18. Oi eu tentei fazer mais nn sei como eu não consigo clicar em copiar URL da imagen e dai nn deu certo...

    ResponderExcluir
  19. Aonde eu posso colocar o último código?
    Grata desde já.

    ResponderExcluir
  20. otimo tutorial


    bjs

    http://edicoenoescape.blogspot.com.br/

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.