Botão Ir para Topo Simples com Efeito Jquery (Versão 4)

Vamos ao Tutorial:
 
1º – Acesse o Painel do seu Blog e clique na Guia Modelo.

2º – Em seguida clique no Botão Editar HTML.

3º – Agora segure as teclas CTRL + F (Atalho de busca na página) e procure por:
]]></b:skin>

4º – ACIMA dele cole o seguinte Código:

#ParaTopo {
width: 20px;
padding: 5px;
position: fixed;
bottom: 5px;
cursor: pointer;
text-decoration: none;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_sedZ_1m3mZ16Le3mFQVelkMZzYTdiRsQAPvaMuFFoy-6TgWaczn263mbxUT1gZXuju8b0GnwTDLg1xmYtQpK486L5eIl8w3vrMJo1l3Sp_px6L9DbB8x4Py8qm0B9v0srgx4JwK5ZY/s1600/para-topo.png") no-repeat;
height: 20px;
right: 5px;
display:block;
}

5º -  Agora segure novamente as teclas CTRL + F e desta vez procure por:

6º – E ACIMA dele cole o seguinte Script:

<a href="#" id="ParaTopo"></a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
<script type='text/javascript'>
    $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
      $(function() {
                    $("#ParaTopo").scrollToTop();
                });
            </script> 

7º - Em seguida clique em Salvar Modelo
2 comentários
20 de abr. de 2012

2 comentários :

Anônimo disse...

5º - Agora segure novamente as teclas CTRL + F e desta vez procure por: ???????????????????? procura pelo oq?

23 de janeiro de 2013 às 12:04
Paulinho_3D disse...

Ajuda ae Por Favor, "procure por: ??" ?????????????????????????????????????????????????

28 de abril de 2013 às 16:12

Postar um comentário