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.
Anterior
Assine o Feed
Adicione ao Google
Receba por Email
Twitter
Oi, Sérgio! As suas dicas são sempre ótimas. esse é um recurso que pode dar um tchan a mais no blog, gostei. Abraço
Ai eu não entedi nada do que e pra fazer ai mais valeu a dica Obrigado
Não deu certoo... fala que num pode coisa escrito "for"
Não encontrei esse "/body" e sim "body", então adicione o "/" mas não funciou, retirei o "/" e também nada bom.
Surgi um erro dizendo que a formatação está errada.
Sergio, existe o comando contrario?! quero ir pro final do blog mas nao acho isso em lugar nenhum =/
é, ñ deu certo ñ :/
Gostei mas tenho um erro,primeiro tive q adicionar o Gadget HTML/JavaScript,para depois colar o código dentro desse Gadget.Mas mesmo assim gostei parabéns.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".
só colocar no link # e ele ira subir ao topo e não recarregar a pagina não precisa de mexer no css e isso nem e hack e só recomendo se o blog/site for grande!e se quiser ele flutuando tem utro jeito
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "a" must be followed by either attribute specifications, ">" or "/>". tbm
quem sabe html básico levante a mão...
--'
nao funca!! :S