May 26, 2011

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 »

89 comments : Post Yours! Read Comment Policy ▼
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. perfect ..... thanks its working
    http://antiquenotes.co.cc

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

    ReplyDelete
  16. 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
  17. 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
  18. 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
  19. Nice tutorial keep going,
    For computer related hardware solutions visit

    http://thehardwarepeople.blogspot.com

    ReplyDelete
  20. 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
  21. 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
  22. Wow,it really work.It's way too cute >.<

    ReplyDelete
  23. Good day to every evryone! in my CarsMania Blogger template, Twitter bird is working. 3 GHz and 4 GB RAM thanks! to code author.

    ReplyDelete
  24. 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
  25. This comment has been removed by the author.

    ReplyDelete
  26. Nice! Its very sweet able design for blog. I also wrote a post about it. See it on here.

    Visit My Blog: Shine Mat

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

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

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

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

    ReplyDelete
  31. 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
  32. assalamo alaykom ya mohammad,,the flying twitter bird is not working in my page or blog,,wwww.pfcofwloveradio.com please help,,,shukran.

    ReplyDelete
  33. THanX : THats Cool ..
    Check iT Here :
    www.kazamajinpro.blogspot.com

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

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

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

    ReplyDelete
  37. 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
  38. This comment has been removed by the author.

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

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

    ReplyDelete
  41. Hi! Muhammad,

    Assalam-alaikum, Hope You Fine. Adding Twitter Flying Bird into Our blog will it irritate our blog readers because all readers attention will goes to bird and he will find it irritating activity please suggest do i add or not your a experienced blogger please guide.

    Thanks
    Earn Money Online>

    ReplyDelete
  42. i have tried to uploaD IT i allso hads it om two sites it just disapiared would gladly like an answer stgo.joel@gmail.com

    ReplyDelete
  43. Well this kind of information is really worth searching for this. It’s good to have these kinds of articles around to keep the information flow steady. Helping those who really can make things right in the future, good work!
    Download free games

    ReplyDelete
  44. its not working .. please help..

    ReplyDelete
  45. free online earning for writing website review thats trusted website.http://www.AWSurveys.com?R=1212276

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

    ReplyDelete

  47. http://brother572.blogspot.com/

    Online Earning,Blogging,Seo,Training
    Coruses,Games,Software,Mobile,Tips and
    Tricks,Hacking and More

    ReplyDelete
  48. Its not working in my site..
    http://www.alphahomeocare.com/

    ReplyDelete
  49. nice post bro Thankxx for posting i will try and reply keep it up

    ReplyDelete
  50. 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
  51. its not working to me as well ...tried every possible way

    ReplyDelete
  52. I have improved this script
    View script on demo here
    http://techntips.net

    ReplyDelete
  53. This budgeting tool can assist you to stay a record of your gain and bill payments so you'll be able to detected of for expenses and savings This budgeting tool can assist you to stay a record of your gain and bill payments so you'll be able to detected of for expenses and savings. To use this tool effectively, you will need to complete the gain and Expenses Worksheet. These 2 tools ar designed to travel hand-in-hand. To use this tool effectively, you will need to complete the gain and Expenses Worksheet. These 2 tools ar designed to travel hand-in-hand.

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

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

    ReplyDelete

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!