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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcHmfRCndTcC5Lksm0KmOlKpnv31-0tJZlgdmgC3x_hzl2qXqXsVBlv6azTUooGXvrLOcgYp0jGvjBeqGRkCb3qnGvd7_JehDpSoc-a3damsuwMIfpaaGXTnAbScQWJ06888avFhOORak/s1600/topo1.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy62MSRCdstbFr2RZHqa9WmjKUDTfR_xvPPr1U-z2tcd2TNjWFZo5F2PkneNNF7J9jB0dgppVcDqjCqmzR2geRsEdGJoNEytEVoMSod3mwF9_DKcfms2F6SbxXD7oTmEWnPZCP6H0PElI/s1600/topo2.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPsUxnOawAm-soE8SMUjrPccCHly9yHHgn5LraHtZ5L1Z_lmYZfy700xwKPr_r9mWd4_w0AaGTPlFcOd0hkLxnYUiwliFL-12q4LqjFy_CL8V1dkbfrE8Fdp2OofN1PQcOJLWoyWs7fQg/s1600/topo3.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDkV5T9Wuy_NsKJd74QBynLtb0ZPHiLWgwfCHOIrc4TAW-r6w-lMeLaifdP5nrhLEvbZznPpzh1XpG-Ocy49XTaBSFs45g8f3R9VaG7tX7ifxwcj5tkB_3Ljczdem9edkkE1kWvzkm2s/s1600/topo4.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvT9k4dJUuHHyPz5mFToUuC0ZRVP0b6OiW93tzN2NO_P-qVvv9G4CCZLR2UddX_o2Q-bGduyU2xFmobVDrI-cGZ-2TWF1GRmE950L7RoA433JMVHUXlG4dQNiBkQhZ8BZUnQw32jWtwRI/s1600/topo5.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlkVX3h4xGfE63aQ5apxbcG2LeW_HZMcsQW9Fdk6ouv7YOkzrro71Y7bp87-2-2zYSzzHijZOegJ9rzovkxNJY-0PviYAAhTbRFOC_9Ov-Qz-dh82f3Gay6hOviOdKGS3IKzQJCraJajA/s1600/topo6.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCBizw5Zt2j32eYLBCpdOvsdes9Wwtzpu27LcjKYfVAonrSm1G99I9v4ROLde5mg2q2Xs1ILPS5SHbxyuzv4PgCDhbjjqwlEXQ-HHBqzx61Ge2zcj9itPn2B_tcnPpj5haBzA3U7AnVQ/s1600/topo7.png" border="0" /></a></div>





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh-gpK4fc-CksL7hL6Xh7aK0t7mH1zKvPw0w3i0IzG-1HGeqgwVCzr7628hDmH-pNieL2bwKOKwD6nmdeUqcBZ3mv0z5TFshpIIAnehNybmyzELBWb2xDjlTGZVaiKvuXr5nZCeXFDe_Ns/s320/KIK.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCqINn62gPD0kV-xhjcb4OjOl0NbkkXU4-o3b5SHRYLXbLnAGtGuVgUU-Wh77OUZMPgWZ2o_CKbkYxGME1tNanCLwL1OQBRq-I5kVGnwuOcX05dZvVAKIbzygjdgeMfdxazhzE08qw9ER/s320/POTO.png





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnk8IduKPnbSUJmzze_NNc74rwlsflx8wkPxdsXJ_wFV7J9ZBuIyHz-cmy-QZD4ll_QEDmFRK50YGdZE8lf4gM6TTzL_zPJTmFpxT3UKNyYNgXiDIgmkukElvHqPRqoOmloc3Hu93K-wJr/s320/TER.png







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWv3fAmGi6xnHIwQQACA0hOX3x-MhGl0WRt4HIuyUx93OD3hA5rTYg2yTNLN5lp2lyb6i28MLs_S6rLPK4qd8nRInbFrNMLT1jL5sih1xCGwKK-QE-hjqYMdaXsDCWjVtJ5a-Ktp0uTrES/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.