New 7 Flying Twitter Birds Widget For Blogger

In this tutorial i will show you 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 the 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 --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now   Expand Widget Templates
• Find the code shown below using [ctrl+F]

</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

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/birdspriteLatesthack.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 2

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/Latesthack_DBZTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 3

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackBatTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 4

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LATESTHACKDragonTwitte.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 5

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackSantaBirdTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 6

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackStarScream.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 7

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LATESTHACKTWITTERBIRDSPRITE.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

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