Add a Cute Flying Twitter Bird To Your Blogs

flying-twitter-birdWith Twitter's worldwide popularity and with 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. Harish of way2blogging has coded a beautiful cute twitter bird that flies from corner to corner of your web page as you scroll up or down. It has a follow me link as well as tweet link. It is compatible with all browsers.

I am sure you will love to see that bird flying.  So here goes the demo,

 

 

How To Add the Twitter Flying Bird To Blogger?

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for </body>
  4. And just above it paste the code below

 

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

 

   5.  Replace MyBloggerTricks with your twitter account username.

    6.  Save your template and you are done!

    7.   View your blog to see it flying. :)

 

If you faced any problem just let me know. Have fun!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

64 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Don't you think this would distract the reader.

    ReplyDelete
  2. Yes i agree with sam...Sometimes when reader wants to copy something then the bird will come in front of him and it will be selected also.
    mohd_check ur mail buddy.

    Karan chauhan

    ReplyDelete
  3. Great one Mohammad again,

    Still waiting for my answers on your other posts hope you saw them by now

    ReplyDelete
  4. not wrkin 4 me
    b4 or b4 ????

    coz here html tags nt allowd
    http://hack-erz.blogspot.com

    Regards

    J.M.Gazzaly

    ReplyDelete
  5. Mohd, its the code which I posted on techgyo.com on November 7, 2010 http://techgyo.com/?p=2763.

    I see that its the same code, but he has worked a bit for letting users set their twitter username. And posted it this Jan.

    Anyway no worries.

    ReplyDelete
  6. well this is working fine for me in my program blog, check out http://www.webprogrammingscripts.blogspot.com/, its working properly, just keep in mind to place the code properly, there are two codes given over there, so do use it wisely....enjoy it

    ReplyDelete
  7. @Sam
    It depends on your blog topic. If your content is meant to entertain the visitors then I guess the bird isn't that bad at doing the job well. :> PS: Most often such tutorials are meant for newbie bloggers who love to discover new things.

    @karan
    I will pal. Time is getting really uncontrolled these days for me.

    @Neeraj
    Oh sure sure I will. I do highly apologise for late replies due to blog load.

    @Muhammed
    Paste the code in your HTML/Javascript widget instead then.

    @Sreejesh
    I am with you sreejesh if there are some attribution conflicts. Please let me know of the original developer if it is someone else than the one I mentioned.

    @एस.एम.मासूम
    Please paste the code in HTML/JAvaScript widget instead

    @miyako
    It surely is :>

    @raj
    I am glad it is working for you pal.

    @Fahad
    Thanks. :>

    ReplyDelete
  8. This floating bird is not working? plz help me..

    ReplyDelete
  9. @Futoria

    Please use this code instead,

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

    Let me know if this worked. :>

    ReplyDelete
  10. Can this be done in wordpress?

    ReplyDelete
  11. @Anony #17

    Oh sure you can. The code uses simple html and javascript. You can ask your designer to do that for you if you have a paid wordpress account.

    ReplyDelete
  12. As-Salamu Alaykum Mohammad.

    I actually do not have the designer with me anymore. But I know html and stuffs. Not too good with javascript though.

    Can you help me out please?

    ReplyDelete
  13. @Anony
    W.salam brother!
    Sure I can. In your template search for this code </body>
    and just above it paste the code below,

    <script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
    </script>
    <script type='text/javascript'>
    var twitterAccount = &quot;MyBloggerTricks&quot;;
    var tweetThisText = &quot; Blog Title : Blog URL &quot;;
    tripleflapInitundefined);
    </script>

    Replace Blog title with your blog name and blog url with your blog link. Hope this helps.

    ReplyDelete
  14. Thank you for this!!! I LOOOVE this so much!!

    ReplyDelete
  15. WOW. cute! its work on me http://litaliita.blogspot.com
    thank you.

    if you visit my blog, there is a walking duck there, can you help me to remove it? (what should i do?)

    Thank You
    ^^

    ReplyDelete
  16. Dear Mohammad I have added this cute flying twitter bird in my blog. But some times it looks disturbing, when it hides some words. Definitely it attracts attention of visitor. It will take more appreciation if bird lands on blank area or we can drag it.

    ReplyDelete
  17. I search for plugins,widgets and gadgets for Blogger and I came upon your site. I saw the flying Twitter bird and installed it on my blog. She is cute. It is not distracting at all right now. I have a reunion site and I think she gives an added touch. If later on I have more content and someone complains about the bird, I will then remove her, but for now...it is cool. Thanks for the code you posted..it works great!!

    ReplyDelete
  18. Yes man I Do it Thanks So Much Finally can find this its so simple just add this code like add html code in design lol....
    thanks so much.
    your site is so helpful for all peoples.thanks for all you do.

    ReplyDelete
  19. I am confused

    It does not work in my blog
    http://kompkamp.blogspot.com/

    not if I put it above the closed code for body and not of I put it in sidebar as the html/java code in box named gadget...

    strange, very strange...may you help, please

    kk

    ReplyDelete
  20. Wow,it really work.It's way too cute >.<

    ReplyDelete
  21. hi i am roy ur site is amazing but this twitter bird and Floating Google +1, Facebook, Twitter Buttons For Blogger are not working on my site roydrivingschool.com i did what ever here it is can u mail me prabhas.rebel@ymail.com please help me thank u

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. Graet info..thanskf for sharing http://cashdove.com

    ReplyDelete
  24. so cute..now bird is flying at http://lemariabby.blogspot.com/

    ReplyDelete
  25. Thanks for sharing. It is working on my blog.

    ReplyDelete
  26. This comment has been removed by the author.

    ReplyDelete
  27. Assalam O alaikum and thanks a lot for this post..... i am looking for this. its help me alot Thank and keep it up

    ReplyDelete
  28. how to search in blog title and add a twitter bird please help me

    ReplyDelete
  29. wow its simple and it works, thanks man its great or newbie like me....

    ReplyDelete
  30. can i connect this bird with my website instead of twitter ?

    ReplyDelete
  31. Wow, this worked great---I was really suprised! Thanks so much for this awesome step-by-step for someone not so tech savvy like me!

    ReplyDelete
  32. This comment has been removed by the author.

    ReplyDelete
  33. how do u add heading between two blue line , i also want to do this

    ReplyDelete
  34. thanks for this i have added it to my blog once again thanks

    ReplyDelete
  35. please help me... i am doing exactly what u have mentioned.. but i am not gettin any widget or gadget... please help...

    ReplyDelete
  36. I have tried adding this in my html and as a widget in my sidebar, and it is not working. Do you know if there is a way to get it to work? Thanks!

    ReplyDelete
  37. its not working to me as well ...tried every possible way

    ReplyDelete
  38. the .js file is removed from the host, so i think this will not work

    ReplyDelete