May 26, 2011

Widgets

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 enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

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 »

76 comments:

Abdulsalam on May 26, 2011, 7:09:00 AM said... #

nice

samsexy98 on May 26, 2011, 9:36:00 AM said... #

Don't you think this would distract the reader.

karan chauhan on May 26, 2011, 4:27:00 PM said... #

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

Neeraj Rawat on May 26, 2011, 5:36:00 PM said... #

Great one Mohammad again,

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

Muhammed Gazzaly on May 26, 2011, 6:10:00 PM said... #

not wrkin 4 me
b4 or b4 ????

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

Regards

J.M.Gazzaly

Beben Koben on May 26, 2011, 10:23:00 PM said... #

hihihihi...i'm have too bos ;)
Prodigy of Head

diegotata on May 26, 2011, 11:00:00 PM said... #

thanks information

Sreejesh @techgyo on May 27, 2011, 12:01:00 AM said... #

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.

एस.एम.मासूम on May 27, 2011, 8:19:00 AM said... #

do not work on my blogs

miyako on May 27, 2011, 11:43:00 AM said... #

OMG!!
That's way too cute =)

raj on May 27, 2011, 12:20:00 PM said... #

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

Fahad Uddin on May 27, 2011, 5:09:00 PM said... #

Nice share :)

Mohammad Mustafa Ahmedzai on May 27, 2011, 8:21:00 PM said... #

@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. :>

FUTORIA on May 30, 2011, 6:26:00 PM said... #

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

FUTORIA on May 31, 2011, 10:33:00 PM said... #

Plz help me bro..

Mohammad Mustafa Ahmedzai on Jun 1, 2011, 3:19:00 AM said... #

@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. :>

Anonymous said... #

Can this be done in wordpress?

Mohammad Mustafa Ahmedzai on Jun 5, 2011, 1:13:00 AM said... #

@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.

Anonymous said... #

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?

Mohammad Mustafa Ahmedzai on Jun 8, 2011, 4:17:00 AM said... #

@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.

Anonymous said... #

perfect ..... thanks its working
http://antiquenotes.co.cc

Tamika on Jun 28, 2011, 12:04:00 AM said... #

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

litalita on Jun 29, 2011, 9:19:00 AM said... #

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

Abhishek Vohera on Jul 12, 2011, 6:07:00 PM said... #

Thanx a lot bro !!! :)
Visit my blog :)

KISONI on Aug 3, 2011, 2:16:00 PM said... #

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.

Thosewerethedays on Aug 10, 2011, 9:00:00 AM said... #

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

swetha on Aug 11, 2011, 1:35:00 AM said... #

Thank you for this...:)

ComputerHelp on Aug 11, 2011, 3:51:00 PM said... #

Nice tutorial keep going,
For computer related hardware solutions visit

http://thehardwarepeople.blogspot.com

Varinder Pal Singh on Sep 11, 2011, 12:49:00 PM said... #

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.

RK on Sep 15, 2011, 12:39:00 PM said... #

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

Becky Ykceb on Nov 17, 2011, 6:13:00 PM said... #

So satisfied ! At last !

Mihara Yuki on Nov 19, 2011, 11:37:00 AM said... #

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

[Sulky]-sOulMaTe on Nov 24, 2011, 7:57:00 PM said... #

So cute ><"
Thk.

MokZ Blog on Nov 30, 2011, 8:36:00 AM said... #

tq..

romynacido on Dec 2, 2011, 8:21:00 PM said... #

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

Matkie on Dec 10, 2011, 7:15:00 PM said... #

how to use this?pls help me

suryastunningstar on Dec 31, 2011, 3:10:00 PM said... #

Really cool..thank u

mrs japi on Jan 8, 2012, 12:25:00 PM said... #

thank u..

Divyashwar raj hacker on Jan 25, 2012, 2:00:00 AM said... #

working thx........

Febriansyah Haq on Feb 11, 2012, 2:18:00 PM said... #

Thanks . it work

DebbieNavarro.Blogspot.com on Feb 11, 2012, 3:06:00 PM said... #

Like this! thanks a lot!

Faiz Muhammad Khan on Feb 18, 2012, 12:41:00 AM said... #

This is very nice Here is the wordpress version of it

Krishna Mohan Roy on Feb 20, 2012, 7:21:00 AM said... #

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

vivek nandha on Feb 21, 2012, 8:16:00 PM said... #
This comment has been removed by the author.
Saimoom on Mar 10, 2012, 1:41:00 PM said... #

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

Visit My Blog: Shine Mat

Globalwalyy on Mar 10, 2012, 5:37:00 PM said... #

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

நாடி நாராயணன் (Nadi Narayanan) on Mar 16, 2012, 9:19:00 PM said... #

thank you

Lemari Abby on Mar 27, 2012, 12:15:00 AM said... #

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

maly on Apr 3, 2012, 5:31:00 PM said... #

Thanks for sharing. It is working on my blog.

Saif Qazi on Apr 6, 2012, 10:43:00 AM said... #

Wowwwwwwwww! Superlike :)

Bharat on Apr 12, 2012, 9:37:00 AM said... #

thumbs up:)

AOL Universe on Apr 24, 2012, 5:33:00 PM said... #
This comment has been removed by the author.
Nat Nat on May 13, 2012, 2:23:00 PM said... #

Where is the
body?

mobilesidebd on May 20, 2012, 5:31:00 AM said... #

Thanks bro

Osama Iqbal on Jun 8, 2012, 4:47:00 AM said... #

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

Maxi on Jun 8, 2012, 11:55:00 AM said... #

assalamo alaykom ya mohammad,,the flying twitter bird is not working in my page or blog,,wwww.pfcofwloveradio.com please help,,,shukran.

JiN KaZaMa on Jul 7, 2012, 10:28:00 AM said... #

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

Raja on Jul 10, 2012, 10:05:00 PM said... #

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

Info-09 on Jul 13, 2012, 9:36:00 PM said... #

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

Mayukh Chaudhuri on Jul 14, 2012, 12:37:00 AM said... #

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

elainespillsit on Jul 19, 2012, 11:14:00 AM said... #

This is really cute! Thanks! :))

bushra hanif on Jul 20, 2012, 8:47:00 AM said... #

Nice Post- so cute..now bird is flying at
Click Here For Latest Blogger Tricks And SEO Tips

aly7 on Aug 2, 2012, 9:08:00 AM said... #

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!

Ricardo Plascencia on Aug 30, 2012, 10:25:00 AM said... #
This comment has been removed by the author.
Rajkumar Gupta on Oct 13, 2012, 8:21:00 PM said... #

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

FRANKY SHAKY on Oct 23, 2012, 4:05:00 PM said... #

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

noor hodekar on Oct 29, 2012, 3:45:00 PM said... #

Thanks brother. . . . .

Gul Ahmed on Nov 18, 2012, 3:33:00 PM said... #

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>

lesli beebo on Dec 23, 2012, 11:20:00 AM said... #

hey i have a problem...

John Cena on Jan 12, 2013, 12:50:00 PM said... #

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

blogger-copast on Jan 28, 2013, 3:56:00 PM said... #

nice post

Ekta Tiwari on Feb 15, 2013, 9:22:00 PM said... #

wow..thanks for the great trick.
Cheap Website

MIX CORP COMPANY on Mar 4, 2013, 2:35:00 PM said... #

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

kashif razzaq on Mar 26, 2013, 7:23:00 PM said... #

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

Zeeshan Ahmed on Apr 8, 2013, 6:59:00 PM said... #

Its not working now... .js Script has been removed from Google Code... Plz Update it :) and try to upload scripts on your own Google Code account :)

Lexis Juris on Apr 15, 2013, 2:23:00 PM said... #

its not working .. please help..

Click Here To add Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Mohammad

Support Us

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner


Widgets

 
  • 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!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |