Colocando botão "Voltar Ao Topo" na Blogger usando jQuery

Aprenda uma das funções mais procuradas pelos blogueiros de uma maneira bem simples.

A função ou botão "Voltar ao Topo" no blogger vem sendo cada vez mais utilizada. Sua praticidade em poder voltar rapidamente ao início da página é com certeza a principal causa de tanta procura, mas, não só para isso. Poder dar um "ar" diferente ao seu blog e também um visual mais profissional também são algumas outras causas da procura desse método.

A maneira é bem simples, em pequenos passos já estará pronto o botão voltar ao topo no seu blog.

Siga o Tutorial Abaixo:

1- Acesse seu blogger, vá em "Layout", depois em "Adicionar um gadget" e escolha por "HTML/Javascript".

2- Dentro do gadget cole o código abaixo.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href=""></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfz6EL0X-zlggiecS-AQytaB7j-feZBw2_ff7UNupcPTyieSxYES2ScaWD29ulFjJ-7-fw7lAsj437JTtwyfvuTyMblWM09UxNBhFce3o3O_tUiXIl5nC-FI8-wERCdLR6s3XIeyvOZTBt/s1600/rb+back+to+top+5.png' width="50px" height="50px"/></a>

3- Na parte destacada em VERMELHO, troque pelo link da imagem que você hospedou.

4- Clique em "Salvar" e depois "Salvar Organização".

Pronto! já está feito e bem fácil não é mesmo? Até a próxoma.