New 7 Flying Twitter Bird Widget For Blogger

Twitter is one of the most popular Social networking website in the world, among Bloggers to promote their blogs. There are a number of twitter widgets, scripts and plugins available to integrate Twitter with your blog. Most of the icons, buttons or badges are stationary or a fixed floating Twitter gadgets. Now here i have a very cool unique Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog. This Plugin is java script based and it will display an animated Twitter bird that settles on different places of your blog . If you scroll down the page, the bird fly towards the visible part and settle at a new place and takes random paths for each flight. When you place your mouse cursor on the Twitter Bird "tweet this" and "follow me" links appear

 Flying Twitter Bird Demo

Live Demo

How to Add Flying Twitter Bird Widget To Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

</body>

• Now Paste the CODE 1 or CODE 2 or CODE 3 or CODE 4 or CODE 5 or CODE 6 or CODE 7 Below/after </body>

CODE 1

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter1.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 2

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter2.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 3

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter3.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 4

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter4.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 5

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter5.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 6

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter6.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

CODE 7

<script type="text/javascript" src="http://js.howtouses.com/blogger/flyingtwitter7.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

• Now save your template
• Replace latesthack with your twitter username

Like it? Share it.