How To Add Animated Flying Twitter Bird In Blogger

Have you ever seen a bird flying over a blog or site? may be you have seen it before because many bloggers and site owners are using this gadget in their blogs and sites. Tweeting and following via simple buttons is now old, bloggers are using smart gadgets like flying twitter bird or floating buttons for tweeting and following on twitter. This widget not only makes your blog look smarter but also helps you to get more tweets and followers as it attracts visitors. 

This gadget works on javascript, its very easy to add this gadget in blogger. This is a blue twitter animated bird which flies and carries tweets and followers for you. This is one of the most searched and used gadget now a days, this gadget is for those who wants to increase their followers and want the visitors to tweet their posts. Unfortunately I don't have demo to show you how does it work but you can see it in above image and if you want to see a live demo simply follow below steps and add this gadget in your blog.

How does it work? 

This gadget works on javascript, in the javascript code an animated image is linked which is a blue flying bird, so when the page it scrolled the bird flies with the page. If the page is scrolled down the bird also flies down but if it is scrolled up the bird also flies upward. When the bird the hovered by mouse cursor two options show up one is tweet this and the other one is Follow me, now its up to visitor what he wants. 

Its very easy to add this gadget in blogger, you have to add a script in your blog and all is done! , to add this gadget in your blog follow below steps: 

Step 1: Go to Blogger Dashboard and click on Edit HTML.

Step 2: Click anywhere in the HTML and find </body> by using Ctrl+F on your Keyboard.

Step 3: Copy the below code and paste it just above </body>:

 <script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;TechnicalMaher&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>

<!-- Twitter Bird Widget for Blogger by TechnicalMaher.Blogspot.Com-->

Step 4: Replace TechnicalMaher with your Twitter username in the code.
Step 5: Click on Save template and you are done successfully.
Sharing is Caring! Share if you like :)