Inserir ícone “Voltar para o topo da página” no Blogger

 

Um blog que possui muitas postagens ou postagens grandes na página inicial do blog podem colocar usar esse recurso. Inserindo este ícone, que ficará fixo no canto da página, com apenas um clique, o visitante pode "pular" de volta para o topo do blog. É muito fácil inserí-lo.

Há duas formas de colocá-lo, escolha a melhor para você:

Para colocar como um gadget

1 - Vá na aba Elementos da página e clique em Adicionar um gadget.
2 - Escolha o elemento Html/JavaScript.
3 - Deixe o campo Título em branco.
4 - No campo Conteúdo cole o código abaixo:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Voltar para o topo da página"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>


Observação: A frase “Voltar para o topo da página” aparece quando o mouse é posicionado sobre o ícone. A parte destacada de vermelho é o link do ícone, para exibir outro ícone basta deixá-lo com a dimensão máxima de 50×50 pixels, hospedá-lo em um servidor e inserir o endereço dele, logicamente substituindo o endereço do antigo.

5 - Clique em Salvar.

                                       Para colocar direto no Html do template

1 - Vá na aba Editar Html e tecle Ctrl+F.

2 - Encontre a tag .

3 - Copie e cole o código abaixo após a tag descrita acima.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Voltar para o topo da página"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

4 - Visualize e se estiver certo clique em Salvar Modelo.