Post Top Ad

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

Espere...
2016TATILRA50

Nunca compartilharemos seu endereço de E-mail com terceiros.

Page views

GOOGLE+

SEGUIDORES

Usamos cookies próprios e de terceiros que entre outras coisas recolhem dados sobre seus hábitos de navegação para mostrar publicidades personalizadas e realizar análises de uso de nosso site.
Se continares navegando consideramos que aceita seu uso. Entendi Mais informações