segunda-feira, 26 de abril de 2010

Imagens e textos flutuante no blog

A pedido do site Kaytros, grande parceiro, vou ensinar como colocar um texto ou imagem flutuande do blogger.Não sei se é bem isso oque ele procura, mas também serve,eu testei no Códigos Blogger, e não apresentou nenhum erro ou bug no script.

Então vamos ao que realmente intereça!

Vá em 'Layout' - 'Editar HTML' , procure pela seguinte linha </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);}

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


Agora procure por <body> e cole o seguinte código abaixo dela:


<div id="float_corner">
O que quer q flutue na tela…
</div>



Na parte onde está destacada de vermelho você pode colocar tanto uma frase quanto uma imagem,publicidade, ou até mesmo avisos para os visitantes.Sendo assim, cabe a sua criatividade.

Se você quer colocar um texto, substitua a parte destacado por outro texto a sua escolha.


Se você quer colocar uma imagem, substitua a parte destacado por:

<img src="URL DA IMAGEM" />

Pronto, teste e se estiver tudo bem, salve! té +

Marcadores: , , ,

3 Comentários:

Às 27 de abril de 2010 14:45 , Blogger kaytros disse...

Valeu pelo tuto

 
Às 23 de dezembro de 2010 14:06 , Blogger Rafael Duarte Lins disse...

Não encontro " < body > " no meu html. E agora?

 
Às 23 de dezembro de 2010 19:01 , Blogger riley disse...

nao ten nada ver e que seu template e feito diferende e so vc bota < body vs / no google e procure o modelo do template seu ai vc ver gul codico vc pode trocarem veis desse que vc nao tem !

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial