domingo, 3 de outubro de 2010

Mensagem flutuante para fazer doação

image Um de nossos leitores pediu que eu disponibilizasse o código da mensagem flutuante de doação do códigos blogger, então vou disponibilizar =D.

Primeiro vá em “Design” - “Editar HTML”, procure pela tag ]]></b:skin> dando um crtl + f para facilitar a procura.Depois cole o seguinte código acima dela. e salve.

#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);
background:url("http://img837.imageshack.us/img837/3594/backgroundgf.png") no-repeat 5px 5px;
height:80px;
width:400px;
padding-left:165px;

Vá em “Elementos da página” “Adicionar um gadget” –> “HTML/Javascript” e cole o seguinte código.

<div id="float_corner">
<div style="padding-top:18px;"><a href=”LINK COM INFO”><img src="http://img819.imageshack.us/img819/5293/botdoar.jpg"/></a>
</div></form>
</div>

Na parte vermelha coloque a url da página onde estará as suas informações para fazer a doação.

Depois salve sem colocar o titulo do gadget.

Ah, leitor que pediu não esquece de agradecer XD.

Marcadores: ,

3 Comentários:

Às 12 de outubro de 2010 20:48 , Blogger Neto Design disse...

Não entendi ao certo amigo.
É assim eu gostaria de colocar um banner como esse no meu site, mas assim nao com a mesma escrita como faço?

 
Às 12 de outubro de 2010 21:14 , Blogger Códigos Blogger disse...

Confira o seguinte tutorial...

http://www.cblogger.tk/2010/05/mensagens-pop-up.html

 
Às 18 de janeiro de 2012 07:02 , Blogger VillarteDesign Artesanato em Concreto Celular disse...

Oi. Estou tentando instalar uma imagem flutuante com as dicas que você deu em meu blog, mas o link não funciona, apesar do código estar aparentemente correto. Pode me ajudar?
A imagem está no seguinte endereço:
http://villartedesign-artesanato.blogspot.com/

 

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