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.
http://sensacaotmj.blogspot.com.br/#
ResponderExcluirTô utilizando o do Cebola!
Eu estou usando um que vc usa que está escrito apenas: "TOPO"
ResponderExcluirMeu blog: conectadosnatmj.blogspot.com
Obrigada, o tutorial me ajudou muito! ;)
Por nada :)
ExcluirTô usando o do chapéu, ficou bem legal!
ResponderExcluirSó 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
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).
ExcluirPoderia explicar como faz isso? De qualquer jeito, obrigado! Foi bem útil. :)
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? :)
ExcluirObrigado! :) Entendi tudinho, e estou colocando no meu blog (que está de reforma e volta dia 17). Obrigado mesmo. :D
Excluir