How To Add Animated Flying Twitter Bird Widget For Blogger / Website

Posted By B | Post a Comment

Pin It Now!

Twitter's worldwide popularity and over 200 million users, generating 65 million tweets a day, it has become a must for every web master to use twitter sharing buttons and applications as much on his web as possible. This lets users to easily  tweet our blogs and websites which thereby generates traffic for us in return. In this twitter widget the bird flying animated effect by JavaScript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the “follow me” link on the Twitter account. If you move the mouse pointer over the bird, a “follow me” button and a “tweet this” button displayed. Now it's time to install it on your blogger blog. It is compatible with all browsers so I'm sure you will really enjoy this widget.

Animated Flying Twitter Bird Demo

1. Backup Your Template, Then Go To Blogger > Template > Edit HTML.
2. Search for  </body> [Use Ctrl+F for quick search]
3. Just above/before it paste bellow code.

<script src='http://myhowtricks.googlecode.com/files/twiter-flying-bird.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;MyHowTricks&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>
<noscript>
    <span style="font-size:11px;margin:10px;">
    Animated Flying Twitter Bird Widget by <a href="http://www.myhowtricks.com">myhowtricks.com</a>
    </span>
</noscript>

4. Replace MyHowTricks with your twitter account username.
5. Preview your blog to see flying, then save your template.
 That's it. You are done!