#Tutorial - Colocar o botão "voltar ao topo"

Uma dúvida que sempre assombrava minha cabeça e nunca me deixava em paz era "como eu faço pra colocar um botão 'voltar ao topo' no meu blog?". Isso ainda é dúvida de muita gente, e por este motivo, resolvi fazer esse tutorial ensinando a colocar o botão "voltar ao topo" no seu blog de uma forma muito simples (mas é muito simples mesmo), e nem precisa ter muito conhecimento em html para fazer isto.

Então vamos começar. Primeiro, você vai entrar na sua conta do Blogger. Depois você vai até layout e vai adicionar um gadget, daí você escolhe HTML JavaScript e é só colar o código abaixo:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" 

border="0" /></a></div>

Depois de colar o código, você irá apenas modificar a parte "LINK DA IMAGEM" fazendo o que se pede (que é colocar o link da imagem que você deseja que seja o seu botão).

Viu só como é simples? Não tem nenhum segredo. E uma dica que eu dou para vocês é: sempre que for usar alguma imagem para o botão de voltar ao topo, utilize imagens pequenas, por exemplo, de tamanhos 100x100, ou 200x200... Por que? Simples! Pois dependendo do seu layout, a imagem (se for grande demais) vai tampar parte das suas portagens, atrapalhando a visão que quem visita seu blog.

Eu fiz algumas (muitas) imagens de "voltar ao topo" para você utilizar no seu blog. Podem usar à vontade, dando os devidos créditos.



E aí, o que achou? Gostou? Vai usar alguma? Se possível, deixe seus comentários para eu saber se vocês gostaram. E se você usar algum e quiser me mostrar, pode colocar o link do seu blog nos comentários para eu ver como ficou! Valeu.

7 comentários:

  1. http://sensacaotmj.blogspot.com.br/#

    Tô utilizando o do Cebola!

    ResponderExcluir
  2. Eu estou usando um que vc usa que está escrito apenas: "TOPO"
    Meu blog: conectadosnatmj.blogspot.com
    Obrigada, o tutorial me ajudou muito! ;)

    ResponderExcluir
  3. Tô usando o do chapéu, ficou bem legal!

    Só uma coisa: no seu blog, o botão vai indo devagar ao topo, enquanto no meu (espacomauriciodesousa.blogspot.com), vai direto para o topo.

    Bom, obrigado. Ficou bem legal no meu blog e no seu! :D

    ResponderExcluir
    Respostas
    1. Além disso, quando está no extremo topo do blog, no seu, o botão desaparece, enquanto no meu, continua (e acaba ficando meio estranho).

      Poderia explicar como faz isso? De qualquer jeito, obrigado! Foi bem útil. :)

      Excluir
    2. Farei um tutorial de como faz para colocar o botão voltar ao topo, como está aqui. Eu usei outro método, um pouquinho mais complicado, mas sei que entenderão. ok? :)

      Excluir
    3. Obrigado! :) Entendi tudinho, e estou colocando no meu blog (que está de reforma e volta dia 17). Obrigado mesmo. :D

      Excluir

- Críticas em anônimo serão excluídas. Se for criticar construtivamente, use um perfil.
- Não use palavras de baixo escalão.
- Tenha bom senso, palavras podem causar danos irreparáveis.