Um botão de ir para o início da página é interessante, pois facilita para o usuário e pode melhorar o tempo de permanência da pessoa em seu blog/site. Pode parecer algo inútil, mas existem internautas de todos os tipos, inclusive aqueles que saem do seu site por preguiça de voltar ao topo e olhar outras páginas.
No site do Robson Moulin (webdesign), encontrei um código bem simples e que funciona de maneira suave (não sobe a página de uma vez e sim com um efeito deslizante).
Para instalar em seu blog é só seguir as orientações:
1) Entre no painel de administração do seu blog (Blogger, WordPress ou qualquer outro), depois na área de edição do layout;
2) Procure (Ctrl +f) por </body> e insira o seguinte código ANTES da tag encontrada:
<script type="text/javascript">3) Procure por </head> e cole o seguinte código ANTES da tag encontrada:
$(document).ready(function() {
$('#subir').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>4) Agora adicione o código abaixo onde você quer que fique o botão de subir:
<a href="#" id="subir">Topo</a>Geralmente é dentro de <div id="footer"> ou algo relacionado a “footer”. Tudo depende do layout.
Agora salve e pronto. =]
0 comentários:
Postar um comentário
Deixe Seu Coméntario