Com este código você pode fazer isso usando texto ou imagem (pode ser
parecida com um botão), neste exemplo usamos uma imagem, porém se quiser
apenas texto é só apagar o código da imagem <img src="URL DA IMAGEM" border="0"> e escrever o que desejar (voltar ao topo, inicio...).
<div
style="position:fixed; bottom:0px; right:0px;"><a href="#"
title="topo da pagina"><img src="URL DA IMAGEM"
border="0"></a></div>
Esse link ou botão para
voltar ao topo ficará sempre visível na parte inferior direita do seu
site, mesmo rolando a página, ele não sairá de lá, ou seja, fica sempre
fixo no mesmo lugar.
Uma alteração que podemos fazer é trocar
o canto que ele vai aparecer, se em vez de aparecer embaixo você quiser
que apareça no canto superior, apague bottom:0px; e coloque top:0px;
isso faz aparecer no alto da página, ou se quiser trocar de lado tire
right:0px; e coloque left:0px; mudará para o lado esquerdo. Ainda
podemos escolher se ficará encostado nas margens da página ou deixaremos
uma pequena distancia caso queira deixar alguma distancia da margem é
só alterar os valores 0px para o numero que desejar.
Para
colocar esse acessório no seu blog, entre na página layout, adicionar
gadget, html/javascript e cole o código, não se preocupe em qual parte
ou coluna vai colocar porque isso não importa, pois sempre aparecerá
fixo no lugar definido no código(canto da página).
.png)
Comentários