Galera, sabe aqueles templates legais que tem um botão para o usuário voltar ao topo do blog que fica flutuando quando mexemos na barra de rolagem? Vários novatos já me pediram para disponibilizar um tutorial ensinado a colocar este recurso no blog, então hoje trago duas coisas, um widget hack que insere isto automaticamente, só copiar e colar e um tutorial completo para você montar o seu com suas próprias imagens. Vamos lá!Primeiro o widget altomático.
1 - Selecione e copie todo o código do widget:
Voltar ao topo flutuante Dicadedica
2 - No painel de controle do Blogger (Blogspot) acesse:
- Layout
- Adicionar um widget
- HTML/JavaScript
Pronto seu widget estará configurado da forma automática.
(Funciona nos templates do novo blogger)
Agora o tutorial extensivo:
Tutorial Widget Hack Botão Voltar ao Topo Flutuante
1 - Primeiro o que faz cada tag:
- title=" xxxx " = o comando title com é o texto que a parece quando passamos o mouse.
- img src="iiiiiii.gif" = A tag img é responsável pela visalização da imagem
- a href="#" = Esta é responsável pelo link para o topo da página
- style="display: scroll = Este comando desabilita a barra de rolagem dando a aparência de flutuar na tela.
- position: fixed = Fala que a imagem ficará em uma posição fixa
- right: XXpx = Alinhamento da imagem a direita e com XX de tamanho em pixels.
- bottom: YYpx = Faz a imagem aparecer a XX pixels da parte de baixo da tela do navegador.
fixed;bottom:XXpx;right:YYpx;" href="#" title="xxxx">iiiiiii.gif"/>
Duvidas é só perguntar, obrigado por escolher o DicaDeDica!!!
Mais uma dica!!!
Na falta de icones acesse o site
Iconlet
http://www.iconlet.com/search?n=arrow+up
com ótimos ícones no estilo web 2.0 e gratuitos.
Comentários