Como Colocar Botão Voltar Ao Topo No Blogger

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.

O ProDeveloper vem desde sua criação tentando ajudar os blogueiros com suas necessidades e traz mais essa opção para você ter em seu blog. A maneira é bem simples, em pequenos passos já estará pronto o botão voltar ao topo no seu blog.

Tutorial

1- Pegue a imagem desejada e hospede em um servidor de sua preferência. 

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

3- 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/AVvXsEgSuROpGSgNpYEt7FOM7e47xHO3h6lQUTxdVU_G2aaAHKDRCJvJrGnbgFZ-3mJuzdTynW91ZC0h8Iuam4bDQk3HQUH7MBLKswtaqU1wFHj6I0EYttnYrDbNTmyVQQbE1cZGlgyiurTyrciq/s1600/rb+back+to+top+5.png' width="50px" height="50px"/></a>

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

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

6- Vá em seu blog e veja o resultado.

Pronto! já está feito e bem fácil não é mesmo?

Deixe seu comentário, pois ele é a motivação para nosso trabalho.