Você provavelmente ja deve ter visitado algum site ou blog em que, quando você rola a página para cima ou para baixo, há um menu ou uma imagem que rola junto coma a tela. São as imagens ou menus flutuantes.
Se você deseja adicionar isso no seu blog, encontrei na internet como adicionar esse efeito. Pode ser muito útil para passar alguma mensagem importante para seus visitantes, ou anúncio ou o menu de categorias do seu blog, por exemplo.
Você pode escolher deixar rolando imagens, widgets, links ou mesmo um pequeno menu. Então vamos lá! Antes de mais nada, salve o seu blog.
Vá em “Layout” e “Editar HTML” e clique em “Expandir modelos de widgets” e procure por:
]]></b:skin>
Logo acima dessa linha cole o seguinte código:
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
Altere a marcação vermelho que é a posição em relação à tela: “left”, “right”, “top”, “buttom”.
Agora encontre a linha “<body>” e abaixo dela, cole o seguinte código:
<div id="float_corner">
IMAGEM OU WIDGET A FLUTUAR
</div>
Na marcação em vermelho, coloque o código daquilo q for ficar flutuando na tela.
Salve as alterações e pronto!!!
7 comentários:
e como faz pra aparecer o recado na frente de tudo e o leitor ter a opçao de fexar?
Eu ja vi um blog com esse recursos, mas confesso que não sei como fazer.
Por favor, se vc descobrir antes de mim, mande recado aqui que eu te dou os créditos da postagem.
Tentei passo a passo como diz acima, mas não consgui.
Deve ter algum erro nestes codigos não!?
perfeito!
Não consegui, aff! Tentei de tudo, fiz tudo conforme explicado e nada....por favor, adoraria ter uma imagem flutuando na tela do meu blog, help me!!!....não tem outro modo de fazer? E porque esse não dá certo???
legal goetei
no HTML do meu blog não tem < body > !
Postar um comentário
Envie um comentário!