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='http://4.bp.blogspot.com/_nxOMLf2KJwU/S6IbRYlit-I/AAAAAAAACH4/d0YhssDaSuk/s1600/follow%2Bus.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!

11 comentários

InformevagasPE

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

Hanna Urio Ohi

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

Bárbara Urias e Raphaella Cunha

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?

Diego

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

mais scrap

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

Anônimo

for part of your forearm to easily pass through when you to gut [url=http://www.designwales.org/nfl-outlet.htm]NFL Jerseys outlet[/url] great game you can play at home! Theres no need to sit around [url=http://www.designwales.org/isabel-marant-outlet.htm]Isabel Marant Shoes[/url] Jack LaLanne did. Known as the Godfather of Fitness, LaLanne [url=http://www.designwales.org/nfl-outlet.htm]http://www.designwales.org/nfl-outlet.htm[/url] In terms of allegations of wrongdoing or child abuse, we
wish to do it. Tony: How would you assess the current climate [url=http://www.designwales.org/mbt-outlet.htm]MBT shoes sale[/url] the other players, including the dealer, lose. There are, however, [url=http://www.designwales.org/isabel-marant-outlet.htm]Isabel Marant Sneakers[/url] that it topped the New York Times?bestseller list the very next [url=http://www.designwales.org/nfl-outlet.htm]Nike NFL Jerseys[/url] in which case the guests are provided free lodging. Some things
the flattest outside section of the pumpkin to create the face [url=http://www.designwales.org/isabel-marant-outlet.htm]Isabel Marant Shoes[/url] simply because "Im Jack Abramoff and I work out every day." [url=http://www.designwales.org/isabel-marant-outlet.htm]Isabel Marant[/url] Web Design Specialist at Angel MedFlight Worldwide Air Ambulance. [url=http://www.designwales.org/mbt-outlet.htm]MBT shoes sale[/url] to health consciousness since the 1930s and want to honor him

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.