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 »

5/26/2011

63 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. AbdulsalamMay 26, 2011, 7:09:00 AM

    nice

    ReplyDelete
  2. UnknownMay 26, 2011, 9:36:00 AM

    Don't you think this would distract the reader.

    ReplyDelete
  3. UnknownMay 26, 2011, 4:27:00 PM

    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
  4. Neeraj RawatMay 26, 2011, 5:36:00 PM

    Great one Mohammad again,

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

    ReplyDelete
  5. UnknownMay 26, 2011, 6:10:00 PM

    not wrkin 4 me
    b4 or b4 ????

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

    Regards

    J.M.Gazzaly

    ReplyDelete
  6. diegotataMay 26, 2011, 11:00:00 PM

    thanks information

    ReplyDelete
  7. Sreejesh @techgyoMay 27, 2011, 12:01:00 AM

    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
  8. एस एम् मासूमMay 27, 2011, 8:19:00 AM

    do not work on my blogs

    ReplyDelete
  9. UnknownMay 27, 2011, 11:43:00 AM

    OMG!!
    That's way too cute =)

    ReplyDelete
  10. rajMay 27, 2011, 12:20:00 PM

    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
  11. Fahad UddinMay 27, 2011, 5:09:00 PM

    Nice share :)

    ReplyDelete
  12. Mohammad Mustafa AhmedzaiMay 27, 2011, 8:21:00 PM

    @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
  13. FUTORIAMay 30, 2011, 6:26:00 PM

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

    ReplyDelete
  14. FUTORIAMay 31, 2011, 10:33:00 PM

    Plz help me bro..

    ReplyDelete
  15. Mohammad Mustafa AhmedzaiJun 1, 2011, 3:19:00 AM

    @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
  16. AnonymousJun 4, 2011, 11:05:00 PM

    Can this be done in wordpress?

    ReplyDelete
  17. Mohammad Mustafa AhmedzaiJun 5, 2011, 1:13:00 AM

    @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
  18. AnonymousJun 5, 2011, 5:10:00 AM

    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
  19. Mohammad Mustafa AhmedzaiJun 8, 2011, 4:17:00 AM

    @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
  20. UnknownJun 28, 2011, 12:04:00 AM

    Thank you for this!!! I LOOOVE this so much!!

    ReplyDelete
  21. litalitaJun 29, 2011, 9:19:00 AM

    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
  22. S.K.RoyAug 3, 2011, 2:16:00 PM

    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
  23. ThosewerethedaysAug 10, 2011, 9:00:00 AM

    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
  24. LavishSep 11, 2011, 12:49:00 PM

    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
  25. AnonymousSep 15, 2011, 12:39:00 PM

    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
  26. Becky YkcebNov 17, 2011, 6:13:00 PM

    So satisfied ! At last !

    ReplyDelete
  27. UnknownNov 19, 2011, 11:37:00 AM

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

    ReplyDelete
  28. JaoPuiNov 24, 2011, 7:57:00 PM

    So cute ><"
    Thk.

    ReplyDelete
  29. UnknownNov 30, 2011, 8:36:00 AM

    tq..

    ReplyDelete
  30. MatkieDec 10, 2011, 7:15:00 PM

    how to use this?pls help me

    ReplyDelete
  31. Rupa : SSS's AdminDec 31, 2011, 3:10:00 PM

    Really cool..thank u

    ReplyDelete
  32. mrs japiJan 8, 2012, 12:25:00 PM

    thank u..

    ReplyDelete
  33. UnknownJan 25, 2012, 2:00:00 AM

    working thx........

    ReplyDelete
  34. UnknownFeb 11, 2012, 2:18:00 PM

    Thanks . it work

    ReplyDelete
  35. Debbie Navarro PHFeb 11, 2012, 3:06:00 PM

    Like this! thanks a lot!

    ReplyDelete
  36. Krishna Mohan RoyFeb 20, 2012, 7:21:00 AM

    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
  37. Vivek NandhaFeb 21, 2012, 8:16:00 PM

    This comment has been removed by the author.

    ReplyDelete
  38. Temilola GlobalwalyyMar 10, 2012, 5:37:00 PM

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

    ReplyDelete
  39. UnknownMar 16, 2012, 9:19:00 PM

    thank you

    ReplyDelete
  40. AbbyMar 27, 2012, 12:15:00 AM

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

    ReplyDelete
  41. PsycheApr 3, 2012, 5:31:00 PM

    Thanks for sharing. It is working on my blog.

    ReplyDelete
  42. Random GuyApr 6, 2012, 10:43:00 AM

    Wowwwwwwwww! Superlike :)

    ReplyDelete
  43. BharatApr 12, 2012, 9:37:00 AM

    thumbs up:)

    ReplyDelete
  44. Following Sri SriApr 24, 2012, 5:33:00 PM

    This comment has been removed by the author.

    ReplyDelete
  45. Im Na YeonMay 13, 2012, 2:23:00 PM

    Where is the
    body?

    ReplyDelete
  46. UnknownMay 20, 2012, 5:31:00 AM

    Thanks bro

    ReplyDelete
  47. UnknownJun 8, 2012, 4:47:00 AM

    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
  48. RajaJul 10, 2012, 10:05:00 PM

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

    ReplyDelete
  49. UnknownJul 13, 2012, 9:36:00 PM

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

    ReplyDelete
  50. Mayukh ChaudhuriJul 14, 2012, 12:37:00 AM

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

    ReplyDelete
  51. elainespillsitJul 19, 2012, 11:14:00 AM

    This is really cute! Thanks! :))

    ReplyDelete
  52. aly7 Aug 2, 2012, 9:08:00 AM

    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
  53. UnknownAug 30, 2012, 10:25:00 AM

    This comment has been removed by the author.

    ReplyDelete
  54. RajkumarOct 13, 2012, 8:21:00 PM

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

    ReplyDelete
  55. FrankyshakyOct 23, 2012, 4:05:00 PM

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

    ReplyDelete
  56. noorOct 29, 2012, 3:45:00 PM

    Thanks brother. . . . .

    ReplyDelete
  57. UnknownDec 23, 2012, 11:20:00 AM

    hey i have a problem...

    ReplyDelete
  58. AfridiJan 12, 2013, 12:50:00 PM

    @Mohammad Mustafa Ahmedzai
    how to add a comment box like yours.

    ReplyDelete
  59. AnonymousJan 28, 2013, 3:56:00 PM

    nice post

    ReplyDelete
  60. SachinSep 9, 2013, 3:06:00 PM

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

    ReplyDelete
  61. M and MJan 2, 2014, 7:51:00 AM

    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
  62. KonstantinosJan 3, 2014, 6:35:00 PM

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

    ReplyDelete
  63. MaxTheTechSep 3, 2015, 4:13:00 PM

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

    ReplyDelete

Subscribe to: Post Comments ( Atom )