23 janeiro 2009

Como adicionar um link/âncora para o topo da página

Este é mais um post para a secção Tutoriais Blogspot. Sendo assim pergunto: Quer saber como adicionar um link/âncora para o topo da página do seu blog, igual ou diferente ao que tenho actualmente (" ^ ") na parte inferior direita do template? Muito fácil...

No blogger, vá em editar HTML e adicione imediatamente antes da tag </body> o seguinte:
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Topo da página'><span style='font-size:180%;'>^</span></a>

Se preferir adicionar uma imagem em vez do carácter especial (" ^ ") , tem de usar o seguinte trecho:
href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Topo da página'><img src="http://url_daimagem/Topo.png"/></a>

Depois de colado o trecho de código no seu HTML, é só alterar a url a vermelho para a imagem que desejar.

Quer experimentar?...

Imagem: Caiaquelontras | Informação: UsuárioCompulsivo

Sem comentários:

Enviar um comentário