Voltar ao topo efeito deslizante

         
Oiê meus brigadeiros (huuun), como vão? Eu vou bem . Hoje vou ensinar vocês à colocar o buton voltar ao topo com um efeito diferente, que sobe mais devagar, é o efeito deslizante. Então, mãos à obra:


Vá em Design  Editar HTML  Dê um Ctrl+f e procure </body>  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 </head> e cole antes dela o código:

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

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

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

Onde está escrito URL DA IMAGEM você tem que colocar a url de algum button Voltar ao Topo. Aqui algumas:


                      

div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://2.bp.blogspot.com/-EGz05JCiJJo/Tke6aFo3QeI/AAAAAAAACMs/CchRT6IjorU/s1600/topo1.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-iJG_93uXPGs/Tke6bS4OluI/AAAAAAAACMw/5sYoHDTqL9k/s1600/topo2.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://3.bp.blogspot.com/-9qGGuiQMZjs/Tke6ce7te0I/AAAAAAAACM0/hOPJdOtCOcs/s1600/topo3.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-wJJCJEhQ4q8/Tke6dvM_dbI/AAAAAAAACM4/krx2qdVawUI/s1600/topo4.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-h3jAe7BodzI/Tke6e80Vy1I/AAAAAAAACM8/w0lRWN_pw3I/s1600/topo5.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-HwCD8R_UPfw/Tke6gVsGeMI/AAAAAAAACNA/lf9HjAV6RRw/s1600/topo6.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://1.bp.blogspot.com/-d0-HtPnF-gg/Tke6hklMS7I/AAAAAAAACNE/VPebfMuA5B0/s1600/topo7.png" border="0" /></a></div>





http://1.bp.blogspot.com/-1XOOFUUAWpY/T1ui6Qkz28I/AAAAAAAABcw/zpMDuu3qzfc/s320/KIK.png





http://4.bp.blogspot.com/-C1cg23H8mko/T1ui9J2hfgI/AAAAAAAABc4/1C4Wo0SiKJE/s320/POTO.png





http://1.bp.blogspot.com/-3b0do_0OM1c/T1ui_HwCNVI/AAAAAAAABdA/1WcS4eYdkb4/s320/TER.png







http://3.bp.blogspot.com/-UIwQeJFqH54/T1ujBY-V4MI/AAAAAAAABdI/FAzpgAnYQso/s320/TOPO.png

Bom meus amores, espero que tenham gostado dessa dica. Participem do concurso Fake do Perfis e Depoimentos Prontos e qualquer dúvida é só comentar, viu!! Beijinhos da Gabiiiih.