NEW 7 FLYING TWITTER BIRD 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.



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;bigmonster82&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;bigmonster82&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 = &quotbigmonster82&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;bigmonster82&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;bigmonster82&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;bigmonster82&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/LATESTHACKTWITTERBIRDSPRITE.js">

</script>

<script type="text/javascript">

var twitterAccount = &quot;bigmonster82&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  bigmonster82  with your twitter username