With 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?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for </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 = "MyBloggerTricks";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
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!
Filed Under: Blogger Widgets and plugins
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:
nice
Don't you think this would distract the reader.
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
Great one Mohammad again,
Still waiting for my answers on your other posts hope you saw them by now
not wrkin 4 me
b4 or b4 ????
coz here html tags nt allowd
http://hack-erz.blogspot.com
Regards
J.M.Gazzaly
hihihihi...i'm have too bos ;)
Prodigy of Head
thanks information
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.
do not work on my blogs
OMG!!
That's way too cute =)
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
Nice share :)
@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. :>
This floating bird is not working? plz help me..
Plz help me bro..
@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 = "MyBloggerTricks";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInitundefined);
</script>
Let me know if this worked. :>
Can this be done in wordpress?
@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.
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?
@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 = "MyBloggerTricks";
var tweetThisText = " Blog Title : Blog URL ";
tripleflapInitundefined);
</script>
Replace Blog title with your blog name and blog url with your blog link. Hope this helps.
perfect ..... thanks its working
http://antiquenotes.co.cc
Thank you for this!!! I LOOOVE this so much!!
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
^^
Thanx a lot bro !!! :)
Visit my blog :)
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.
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!!
Thank you for this...:)
Nice tutorial keep going,
For computer related hardware solutions visit
http://thehardwarepeople.blogspot.com
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.
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
So satisfied ! At last !
Wow,it really work.It's way too cute >.<
So cute ><"
Thk.
tq..
Good day to every evryone! in my CarsMania Blogger template, Twitter bird is working. 3 GHz and 4 GB RAM thanks! to code author.
how to use this?pls help me
Really cool..thank u
thank u..
working thx........
Thanks . it work
Like this! thanks a lot!
This is very nice Here is the wordpress version of it
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
Nice! Its very sweet able design for blog. I also wrote a post about it. See it on here.
Visit My Blog: Shine Mat
Graet info..thanskf for sharing http://cashdove.com
thank you
so cute..now bird is flying at http://lemariabby.blogspot.com/
Thanks for sharing. It is working on my blog.
Wowwwwwwwww! Superlike :)
thumbs up:)
Where is the
body?
Thanks bro
Assalam O alaikum and thanks a lot for this post..... i am looking for this. its help me alot Thank and keep it up
assalamo alaykom ya mohammad,,the flying twitter bird is not working in my page or blog,,wwww.pfcofwloveradio.com please help,,,shukran.
THanX : THats Cool ..
Check iT Here :
www.kazamajinpro.blogspot.com
how to search in blog title and add a twitter bird please help me
wow its simple and it works, thanks man its great or newbie like me....
can i connect this bird with my website instead of twitter ?
This is really cute! Thanks! :))
Nice Post- so cute..now bird is flying at
Click Here For Latest Blogger Tricks And SEO Tips
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!
how do u add heading between two blue line , i also want to do this
thanks for this i have added it to my blog once again thanks
Thanks brother. . . . .
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>
hey i have a problem...
@Mohammad Mustafa Ahmedzai
how to add a comment box like yours.
nice post
wow..thanks for the great trick.
Cheap Website
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
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
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 :)
its not working .. please help..
Click Here To add Comment
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