“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
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