quarta-feira, 16 de julho de 2014

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='http://2.bp.blogspot.com/-6PmSFEkahkk/T_lq-soYWDI/AAAAAAAAAkA/Z27VV0gEGeE/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?


Fonte: ProDeveloper