Como Fazer um Botão de Voltar ao Topo

Hoje irei ensinar como fazer um botão de voltar ao topo (início do blog), semelhante a este do blog. Existirá duas etapas. E eu criarei a imagem com o FireWorks, mas vocês podem usar o programa que preferirem. Vamos lá:

1ª Etapa

Abra seu FireWorks e ponha o tamanho que acharem melhor. 130 por 60 pixels é um bom tamanho para começar. Então, faça o retângulo, seta ou qualquer elemento que prefira.

Agora ponha o texto e/ou imagens para finalizar a figura:

Lembre-se de deixar o fundo transparente:

Agora salve sua imagem e hospede-a onde preferir (recomendo http://imgur.com/). Vamos agora para a segunda e última etapa:

2ª Etapa

No seu painel do blogger, clique em Design (abaixo do nome do blog) e depois adicione um gadget em qualquer lugar. Selecione o tipo: HTML/JavaScript. Acompanhe:

Então bote este código no lugar de escrita:

<div style="position:fixed; bottom: 0px; margin-right: 6px; right: 0px;"><a href="#" title=""><img src="LINK DA IMAGEM" border="0" /></a></div>

No lugar onde está escrito LINK DA IMAGEM, bote o Direct Link da imagem hospedada (não remova as aspas). E a parte branca você pode ajustar o número conforme o comprimento que deseje para a margem. Deixe o resto como está e salve o gadget.

~Conrado