COMO COLOCAR UM BOTÃO ‘VOLTAR AO TOPO DA PÁGINA’ NO BLOGGER

Atualizado 03-09-2012
Muitos blogs tem sua página principal muito grande, mesmo aqueles que usam o resumo dos posts., o que força o leitor a rolar a página por bastante tempo. Por isso, se você se encaixa nesse perfil e não quer abrir mão disso, pode usar um recurso como o botão ‘voltar ao topo da página‘, pra agilizar esse processo ao leitor.

Como hoje em dia a coisa é muito ágil na internet, esse botão faz esse processo em apenas um clique, evitando que o leitor role a página até lá, o que pode causar irritação e perda de visitantes.

Pra instalar o código é muito simples. Siga essas etapas, depois de baixar o modelo completo do seu template, no caso de der algo errado:

1. No painel do Blogger, clique em Design > Editar html. Não é necessário expandir os modelos de widgets.
2. Dê um Ctrl+F no seu navegador e digite </body> no campo indicado.
3. Copie o código abaixo e cole exatamente acima da tag </body>:

<span style=’font-size:130%;’><a href=’#’ style=’display:croll_top;position:fixed;bottom:5px;right:5px;’><img alt=’Voltar ao Topo da Página’   src=’LINK DA SUA IMAGEM‘  height=’23′ width=’23′ title=’VOLTAR AO TOPO DA PÁGINA‘  /></a></span>

Note que é o atributo ‘#’ o responsável pela página voltar ao topo.

   No lugar onde tem LINK DA SUA IMAGEM, coloque o link da sua imagem. Pode ser um ícone com uma seta ou uma “mãozinha” com o dedo apontando pra cima. 
   Nos campos em verde são os valores de largura e altura da imagem. Coloquei 23 pixels como exemplo, mas o ideal é que não passe de 32, pra imagem não ficar muito grande.
   No lugar onde tem VOLTAR AO TOPO DA PÁGINA é a frase que vai aparecer escrito quando colocado o cursor do mouse em cima da imagem. Use a imaginação e escreva o que quiser.

E só... Gostou do post? Compartilhe com os amigos no Facebook e no twitter!

  

Comenta se tiver alguma duvida ou se deu certo.