Como colocar um passarinho azul voando na página de seu blog - Retweet

Olá pessoal, como sempre navegando na net para aprimorar os códigos e funcionalidades de meu blog, encontrei essa dica e um passarinho simpático que accompanha o leitor na leitura do post. Vamos aprender como colocar? Só para lembrar o texto deste tutorial foi tirado do blog LinkseLinksnet.

Que tal um pássaro azul do Twitter, voando suavemente, quando o leitor abrir uma postagem do seu blog?

Na verdade, 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.

Outro detalhe é que, ao pousar o mouse sobre o pássaro, ele abrirá duas opções: Tweet this e Follow me e poderemos escolher o que fazer. Escolha os dois! :)

Se o bichinho voador atrapalhar a leitura do texto, é só movimentar o seu mouse sobre ele e ele se deslocará. Aqui no Links e Links isto ainda não aconteceu nos vários testes que fiz, em diversas postagens!!!

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>


Temos que mudar 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.

Se o seu 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, traduzido por mim para português

Link Original do Artigo: Links e Links: Botão de retweet que voa