, , ,

Adicionando um link para o topo da página no seu blog

Blogger Hacks 

Todo recurso que possa auxiliar a navegação do leitor é válido num blog, principalmente em blogs longos que utilizam bastante a barra de rolagem. Um recurso bem útil para melhorar a navegação é o link “Topo” que leva o leitor ao início da página.

Para adicionar um link “Topo” no seu Blogger/Blogspot, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

</body>

Então cole o seguinte código ANTES: 

<a href='#'style='display:scroll;position:fixed;bottom:5px; right:5px;' title='Ir para o topo'><span style='font-size:12px;'>Topo</span></a>

Substitua a parte em laranja pelo texto do link , a parte em vinho pelo tamanho da fonte, e a parte em verde pelo texto que vai aparecer quando a pessoa posicionar o mouse em cima do link.

Para usar uma imagem no lugar do link, hospede-a num servidor como o Picasa e utilize este código:

<a href='#'style='display:scroll;position:fixed;bottom:5px; right:5px;' title='Ir para o topo'><img src="http://urldaimagem"/></a>

Substitua a parte em laranja pela URL da imagem.

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Aí está o link para o topo da página.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.