Tutorial - Voltar ao topo deslizando

|| ||

Oi meus cupcakes de chocolate,
trago agora um tutorial de como por no blog para ir ao top deslizando.
Queria primeiro dar os créditos do tutorial ao blog Kawaii World.
Vamos lá:

Vá a Design » Editar HTML e aperte Ctrl+f e procure por:
</body>
Cole em cima o seguinte codigo:

<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
A seguir procure por:

</head> 
E cole em cima o seguinte código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
E agora procure por:
</body> 
E cole o seguinte codigo:
<a href="#" id="subir"><img src="LINKDASUAIMAGEM"/></a>

No 'LINKDASUAIMAGEM' meta o url da sua imagem que queira que apareça.
Espero que tenham gostado :)
Comentem :) Só demora 1 minutinho :3
Beijos da,


7 comentários:

  1. Amei esse tutorial! Tava procurando há tempo! Valeu!!

    ~ http://garotavertigem.blogspot.com.br/

    ResponderEliminar
  2. Adorei o tutorial flor :) Obrigada tava precisando!
    BjjOos
    >> http://diariosamigas.blogspot.com.br/ <<

    ResponderEliminar
  3. Mas onde eu posso colocar a imagem, pra depois colocar o url ??
    .-.

    ResponderEliminar
    Respostas
    1. Podes por exemplo hospedar a imagem neste site: imageshack.us ou se encontrar a imagem num blog é só clicar na foto com o lado direito do rato e clicar no copiar ulr da imagem :)
      Espero ter ajudado!

      Eliminar
  4. Visitem o meu site: www.portaldoamaral.com.br

    ResponderEliminar

Comente!
Só demora um minuto!

Small Cute Teal Pointer