Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

18.3.10

“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/AVvXsEhJkf36zIv5IwaA_AegkLyPcn6-U-4UyaKyNnj3ru-44nHv2R75XA2f2G_RgseYOcR3RQLSjZ7tYPgwcMQHR4az2yuTTRe5IAZHz-loC7nh_5THjSej0T4Zx-TS6_O8nuIaP1RoYeS_vWfI/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!

10 comentários

InformevagasPE

muito boa dica, estava tentando e com sua informação, foi bem mais prática! obgigado.

Hanna

Oi, excelente explicação, onde eu encontro outras imagens, gostaria de ter um Follow me ao invés de Follow us...

Unknown

Amei a dica!!!! Muito obrigada! Já pus no meu blog, olha só como ficou: http://no-preach.blogspot.com/

SOSVIP

Não deu certo... :(
Segui os passos, mas a imagem ficou estática na parte central bem no fim do template.
Será que há alguma maneira de corrigir isso?
Abração Mama.

MamaNunes

@SOSVIP
Olá!
Certifique-se de ter transferido o código corretamente. Não tem como não dar certo :)
Beijo da Mama♥

SOSVIP

Fiz por mais duas vezes com a maior atenção. O código é super fácil, mas não deu certo mesmo.
A imagem permanece fixa no final do template e centralizada!

MarcolaKinho

Mama no meu também não deu certo, pode ser por que ja tem um slide?

TRICOLOR

Incrivel essas dicas, parabens. Segue o link do meu blog para quem quiser ver esse resultado no meu blog http://ogeidlo.blogspot.com/.

#AINDATORINDO

nossa era isso mesmo que eu precisava parabéns, acabei fazendo um botão ani-chefe taí » http://aindatorindo.blogspot.com/

Dart Naiane Sena

Joia!
Parabéns e obrigada!

Postar um comentário

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.