Setas para o topo com efeito deslizante + botões

Olá pessoas, eu to de volta o/\o

Como foi a vida de vocês sem mim? foi uma paz, pq você voltou? Então, como eu já vi aqui, a Lorena disse os motivos que me fez sumir,  ela disse tbm que iria aparecer por aqui, mas como vcs estão vendo, ela sumiu! Mas enfim,  o que vocês acham de eu fazer redes sociais para o GC? Tá mais do que na hora né... Bom, hoje eu vim trazer um tutorial que foi pedido no ask, cujo eu custei a fazer por falta de tempo, e de quebra uns botõezinhos pra vocês, mas vamos parar de enrolar e ir ao que interessa? Clique em Leia mais pra conferir!

Clique em Design   Editar HTML  Aperte Ctrl + F  Procure por </body>  Antes dela cole o seguinte código:

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

Agora procure por </head> e antes dela cole o código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script></style>

Agora adicione o gadget HTML/JavaScript e cole esse código:

<div style="position:fixed; bottom:0px; right:0px;"> <a href="#" id="subir"><img src="URL DA IMAGEM"/></a></div> </script></style>

Onde está escrito URL DA IMAGEM você tem que copiar o url da imagem do botão, que como eu já ensinei, é só clicar com o botão direito do mouse e clicar em Copiar URL da imagem.  Depois é só clicar em salvar e pronto. Aqui estão alguns botões:

              

        

Espero que vocês tenham gostado do meu tutorial, em breve postarei uma matéria bem interessante, tenho certeza que vocês vão adorar! Beijos meus Liamdos. ♡