sábado, 29 de abril de 2017

Colocando botão "Voltar Ao Topo" no 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='http://2.bp.blogspot.com/-6PmSFEkahkk/T_lq-soYWDI/AAAAAAAAAkA/Z27VV0gEGeE/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 "Salvare depois "Salvar Organização".

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

Nenhum comentário:

Postar um comentário

Nunca compartilharei seu endereço de e-mail com terceiros.