quarta-feira, 3 de setembro de 2008

Link "Voltar para o topo da página"

Para blogs com muitas postagens na mesma página este pode ser um interessante efeito para colocar. Há duas opções que você pode escolher: a primeira deixa um link ou uma imagem no fundo da página que, ao ser clicada, leva o visitante para o topo da página sem carrega-la novamente. O outro consiste de um link que flutua no canto de baixo a direita da tela, e que desce conforme o visitante vai descendo na página. Seguem as dicas para ambos efeitos.

1. Para conseguir o primeiro efeito (link no fundo da pág.), faça o seguinte. Acesse www.blogger.com e após o login vá para a página LAYOUT. Desça até o fundo e selecione a opção ADICIONAR GADGET do fundo da página; escolha HTML/JAVASCRIPT nas opções que aparecerão e cole aí este código. <a href="http:URLDOBLOG.blogspot.com#topo">Voltar para o topo da página</a>. Modifique o texto VOLTAR PARA O TOPO DA PÁGINA pelo que você quiser que apareça como link. Salve as alterações e vá para a sub-página de LAYOUT EDITAR HTML. Aí, procure pela tag <body> e logo após esta tag cole o código <a name"topo"></a>. Salve as alterações. Está feito!

2. Para conseguir o efeito do link flutuante, faça isto: Vá para a página LAYOUT--Vá para a sub-página EDITAR HTML-->Procure pela tag </body> e APÓS esta tag cole o código <script src="http://beckerqueiroz.googlepages.com/jumptop.js"> </script>. Salve as alterações e visualize o blog. Uma nota importante - O último código dado acima pega o efeito da minha página do google http://beckerqueiroz.googlepages.com/jumptop.js. Caso você prefira baixe aqui este arquivo e faça upload dele em qualquer lugar (por ex., crie uma conta no Google Pages e faça upload aí, uma vez que não é possível fazer no Blogger). A seguir troque o endereço dado no código pelo endereço do seu arquivo.

Teve alguma dificuldade ao seguir a dica acima? Deixe um comentário nesta postagem. Você será respondido o mais breve possível.

0 comentários

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: