Pássaro do Twitter voando em seu Blog

Como deixar o pássaro do Twitter voando pelo seu blog.

Vamos fazer com que o pássaro do Twitter fique voando conforme você navega no site ou blog e ele vai acompanhando, aonde estiver o pássaro irá pousar em um lugar, onde ele possa continuar visível.

Os elementos para ele pousar são: ('img’, 'hr’, 'table’, 'td’, 'div’, 'input’, 'textarea’, 'button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span')

Inserindo o Pássaro do Twitter voando no Wordpress:

Crie um Widget Texto , cole o código que está mais abaixo e clique em Salvar.

No caso se seu blog wordpress ser um portal, se você quer que o pássaro apareça também na home você terá que editar o código php e colocar o código do pássaro lá dentro, pode ser na sidebar, single onde você achar melhor,o código não faz modificações nenhuma alem do pássaro voando por ai..

Colocando o Pássaro do Twitter voando no Blogger:

Para o pássaro do twitter voar no seu Blogger basta criar um novo widget escolher o formato Html/Java script e salvar.

Mais desta maneira aparecerá um erro na home no lugar onde você colocou seu widget, para resolver isso e melhor ao invés de criar um widget novo você pode editar um que já tenha na pagina e coloca o código abaixo do outro.

Prontinho desta maneira seu pássaro já estará por ai voando na tua página, não se esqueçam de alterar o usuário do Twitter para o seu.

Os textos em vermelho terão que ser alterados:

<script type="text/javascript" src="tripleflap.js"></script>  <script type="text/javascript">var birdSprite="imagemdeseupassaro.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/seutwitter";var tweetThisText = "";tripleflapInit();  </script>

tripleflap.js e imagemdeseupassaro.png você poderá hospedar em seu servidor. O correto é você hospedar em uma conta sua, pois se excluir os arquivos seu pássaro não funcionará. Existem várias ferramentas de hospedagem gratuitas, só pesquisar no google que achará fácil.

Segue o link dos arquivos para download:

https://sites.google.com/site/charlesdavidseo/imagens/tripleflap.js
https://sites.google.com/site/charlesdavidseo/imagens/twitter_bird_sprite.png

ATENÇÃO: Este arquivo foi atualizado em 14 de março de 2013, portanto se o pássaro de seu site não estiver funcionando terá que fazer as mudanças acima.

Gostou do pássaro do twitter voando pelo blog?