2010Dec03
aprenda como é feito:..."Botão de retweet , passaro que voa"
Botão de retweet que voa
Esta dica vi, em:
http://linkselinksnet.blogspot.com/2010/11/botao-de-retweet-que-voa.html
Botão de retweet que voa
..." o script poderia ser colocado em qualquer parte,
mas o pássaro também é um link para sua conta no Twitter e,
ao mesmo tempo, um botão de retweet, que aparece na parte superior e voa pela sua página, conforme você for movendo-a verticalmente. Então o melhor é colocá-lo no topo das postagens e condicioná-lo para que seja visível somente nas páginas individuais."
..." detalhe é que, ao pousar o mouse sobre o pássaro, ele abrirá duas opções:
Tweet this
e
Follow me"
Pode-se escolher a apção dentre as duas:
. Escolher um somente,
ou
. Pode-se escolher os dois.
Se o pássaro voador atrapalhar a leitura do texto,
é só movimentar o seu mouse sobre ele ,
que se deslocará.
Para inserir o script:
acesse PAINEL >>> DESIGN >>> Editar HTML.
Marque Expandir modelos de widgets e,
procure pelo trecho:
<data:post.body/>
(use CTRL+F)
e imediatamente antes,
cole o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var birdSprite="http://oloblogger.googlecode.com/files/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select",
"ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/SEU PERFIL TWITTER";
var tweetThisText = "TWEET ME: <data:post.url/>";
tripleflapInit();
//]]>
</script>
</b:if>
Mude o valor da variável twitterAccount (SEU PERFIL TWITTER) e colocar o seu próprio.
Na segunda variável,
TweetThisText (TWEET ME) você pode colocar o que quiser.
Caso o teu template foi modificado e ,
você não encontrar o trecho acima,
procure por:
<div class='post-body entry-content'>
e insira o código antes dele.
-----------------------------------------------------------------------------------------------------
Créditos:
Oloman – Oloblogger Cartagena, Espanha
JMiur – Vagabundia Buenos Aires, Argentina
------------------------------------------------------------------------------------------------------
"*Tutoriais originais em espanhol"
------------------------------------------------------------------------------------------------------
créditos e fonte deste presente post:
http://linkselinksnet.blogspot.com/2010/11/botao-de-retweet-que-voa.html
--------------------------------------------------------------------------------------
categorias:
(pedrinhas)
08 abas
animais
aprenda
arte
artes
artesanal
artesanato
atualizações
automaticas
blog
blogger
Blogger Dicas e Truques
Blogueiros
Botão
buscador
cada widget
chinelo
Código
código para colocar fundo
Códigos
cola
como
cores
css
decoupagem
deslizar
dicas
dicas blogger
Editores Online
Estilo
Expandindo
expandir
Expandir e Contrair Qualquer Widget
expansível
feito
fios
Fundo
Gadget
gastronomia
gifs
gifs animadas
Google AdSense
guias
Hack
hacks
header
horas
HTML
imagens
jQuery
Manual
mensagem
Menu
Menu em abas
Menu horizontal
Menus
merece um clique
minimalista
não deixar
Natal
Notícias
numerar
nutrição
ocultar
on
Paginação
páginas
papel artesanal
Parcerias
passaro
pedras
personalizar
Política de Privacidade
que voa
recados
retweet
sandália
saúde
Script
setas
Share5
sidebar
sidebar deslizar pelo blog
sitemap
Slide
Smiley
sombras CSS
Sombreado com CSS3
tabela de cores
templates
templates grátis
titulos
transparente
Truques
Tutoriais
tutorial
twitter
verniz
vídeos
Widget
wordpress
you tube
youtube
Nenhum comentário:
Postar um comentário
Mensagem do formulário de comentário: