Bíblia no Computador

23 abril 2011

Colocar Um Botão Flutuante “Follow Us” - Twitter

“Podemos colocar um ícone Twitter como imagem flutuante com posição fixa. Isso vai atrair o visitante para clicar nele. Você pode conferir a demo Emocutez Veja,  na posição inferior direita da tela, há um gracioso ícone Follow Us onTwitter.”
Esse botão e o tutorial  foram publicados por Ipiet  e eu achei lindinho, além de fácil de colocar.  Por isso traduzi para vocês.
Como fazer? Siga este passo a passo.

Vá em  Layout e depois ►  Editar HTML 
Copie copie o código CSS abaixo


#floatingimage { 
bottom:10px; 
right:0px; 
position:fixed; 
_position:absolute; 
clip:inherit; 
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); 
_right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); 
} 
#floatingimage a img {border:0}

Encontre o seguinte trecho:
]]></b:skin>
Cole o código copiado logo ANTES do trecho.
Agora copie o  código HTML abaixo



<div id='floatingimage'>
<a href='http://twitter.com/SEUNOMETWITTER'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwU1j1mqhsENA4oc-Ud1D8Z4NcT6BXFdKfvof1koB9UEZbaUEojomW71U0poWji3uQvIrcXaVTB6_YUOc4ii8wtJTnMm9fuKzddr80rDyF7Uga7MbIF82sJEN1Bw8eq8OoAZnHw5Vvq4oP/s1600/follow+us.png'/></a></div>


Cole ANTES da tag

</body>

Visualize e se estiver  tudo bem e salve.

Prontinho.
O trecho marcado em azul é onde você escreve seu nome de usuário e em vermelho é o endereço da imagem que você poderá trocar por uma outra que mais combine com seu layout. Boa sorte!



Fonte: http://blogger-dicasmamanunes.blogspot.com/2010/03/colocar-um-botao-flutuante-follow-us.html
Related Posts Plugin for WordPress, Blogger...

TV Novo Tempo em Campo Grande

TV Novo Tempo em Campo Grande
Canal 41