#DicaParaBlogs: Criar "seta" de voltar ao topo

Uma das coisas mais bacanas e importantes num site/blog é a sua funcionalidade. Por isso, o que a gente puder fazer para tornar o layout do nosso cantinho cada vez mais prático e fácil de acessar é muito bem vindo. 

Pra facilitar a navegação dos  leitores no layout no blog, um recurso tem sido bastante utilizado. Trata-se de uma setinha flutuante que fica sempre localizada no lado direito do seu layout e redireciona o leitor de volta ao topo do blog, independente em que lugar ele esteja dentro do blog.

E pra fazer isto é SUPER fácil.

IMPORTANTE: Sempre antes de fazer qualquer alteração no seu layout realize um backup do seu layout atual.

1° Passo: Crie ou salve (colocarei algumas opções pra você no final deste post) uma imagem em seta que combine com as cores do seu layout. 

IMPORTANTE: Caso prefira criar uma imagem exclusiva, siga as seguintes características:
Dimensões 100px X 100px
Formato .PNG
Fundo transparente

2° Faça upload da imagem no seu blog e salve a URL da imagem. 

3° Copie o código
<div style='float:right;'> <a href='http://www.ENDEREÇO-DO-SEU-BLOG.com.br'> <img src='URL DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/> </a> </div>

Voltar ao Topo da Página

4° No painel de controle do seu blog, vá em ‘Modelo’, e em seguida ‘Editar HTML’. Usando o CTRL+F procure o código
</body>:

5° Achou? Agora é só colar o código da setinha acima dele. Salvar as atualizações e visualizar o resultado final.

Algumas imagens de setinhas para você!!!

Gostou do tutorial??? Te ajudou???
Deixa aqui seu comentário, com o link do seu blog para que eu possa visitar!!!