Olá, meu nome é gabriela sou umas das postadoras do blogger mundo downs brasil. e hoje nesse tutorial estarei mostrando como colocar um botão deslizante de subir ao topo no blog.
É muito simples o primeiro a fazer é você ir no painel do blog, vá em modelo, editar HTML. e de um CTRL F e pesquise por </body> e acima de </body> cole esse código abaixo.
<script type="text/javascript"> $(document).ready(function() { $('#subir').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); return false; }); });</script>
Agora pesquise por </head> e cole esse código abaixo acima de </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
E por fim vá em salve o modelo em html, e vá em layout adicionar
adicionar um GadJet , HTML/Javascript e cole esse código abaixo
em html/Javascript e pronto.
Espero ter ajudo Bjoss :D
<div style="position:fixed; bottom:0px; right:0px;"><a href="#" id="subir"><img src="http://i.imgur.com/m5SnVjh.png" alt="" title="Hosted by imgur.com" </a>/></div>
Sem Comentários
Postar um comentário