Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

31/07/2013

Botão "Voltar ao Topo"

Hey visitantes *-*; neste tutorial vou ensinar como aplicar aquele botão "Voltar ao Topo", no vosso blog. É muito fácil, por isso segue os passos abaixos.

Vai a modelo → editar HTML → procura pela tag “</body>”, usa o CRLT+F. Depois de a encontrares, cola acima dela o seguinte excerto de código:

<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
Agora procura pela tag "</head>" e mais uma vez cola acima dela o seguinte excerto de código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Agora, no esquema do blog, escolhe uma miniaplicação "HTML/JavaScript", e cola nela o código abaixo.
<a href="#" id="subir">Voltar Ao Topo ↑</a>

3 Comentários:

  1. onde diz voltar ao topo na ultima tag para colocar no esquema tem de se colocar o link da imagem?

    ResponderEliminar
    Respostas
    1. Não, coloca mesmo assim, e vai aparecer aquele texto "Voltar ao Topo ↑". =)

      Eliminar
  2. Muito obrigado, funcionou direitinho! Ótimo post.

    ResponderEliminar

« »