POSTAGENS ROTATIVAS

Ticker

6/recent/ticker-posts

Colocar imagem ou objetos flutuantes na página do Blog

engrenagens

-

Quem nunca viu em sites pela internet banner que flutuam?Hoje ensinaremos como criar banner flutuante, estes banner chama a atenção do publico para determinada propaganda, você poderá estar colocando algo que você talvez queira que esteja em destaque.



1. Vá até “Layout” e abra a aba “Editar HTML” e marque “Expandir modelos de widgets”.

2. procure pela seguinte linha: ]]></b:skin>

3. 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);}

4. O destaque em vermelho é a posição com relação à tela, que pode ser: “left”, “right”, “top”, “buttom”.

5. Agora encontre a linha “<body>” e cole abaixo dela:

<div id="float_corner">
...Cole o código que você quer q flutue na tela…
</div>

Entre essas duas linhas de código, coloque o q vc quiser q flutue na tela. Pode ser uma imagem, um menu, um link ou até publicidades – como já dissemos antes. Cabe a sua criatividade.

6. Salve e veja o resultado.

Faça vários teste e veja como fica.

-

FONTE: