aprenda como é feito:..."Botão de retweet , passaro que voa" | #blogdicasblogueiros ...bdb... blog dicas blogueiros

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 == &quot;item&quot;'>
  <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
--------------------------------------------------------------------------------------

flo

http://blogdicasblogueiros.blogspot.com.br/

Nenhum comentário:

Postar um comentário

Mensagem do formulário de comentário: