Add Twitter Flying Bird to your Blog/Website

Ever wondered how to get an amazing twitter bird flying to and fro in you website?

Come on guys! Is time to get silly, this little cutie fly around your website axis and perches wherever  she (yes, a female bird. You can argue that if you so desire) finds rest. Be it on your widgets header or website menu bar and images.

We are just a few step from acquiring the services of this magical bird and get more people following you on twitter.

How to Add Silly Flying Twitter Bird to Website

If you are using a ‘hand-coded site’ (site designed with Notepad++, dreamweaver etc) you can simply add the code in our quote box anywhere within your <body></body> section. But if you are using a cms like Joomla, Oxwall, Blogger, WordPress, Drupal, Smf etc.



  1. Add a new HTML/JavaScript (Custom HTML) Widget
  2. Copy the code in our quote box to your new HTML/JavaScript Widget
  3. Save your widget

Quote Box

<!-- Twitter Bird start ewtnet.com -->
<script src='https://codepen.io/eobasi/pen/LqzMae.js' type='text/javascript'></script>
<script type='text/javascript'>
var twitterAccount = "ewtweb";
var tweetThisText = "<data:blog.pageTitle/>: <data:blog.url/>";
tripleflapInit();
</script>
<span style='font-size:11px;position:absolute;'/><a href='https://ewtnet.com/technology/add-twitter-flying-bird-to-your' target='_blank' rel="nofollow" >Twitter Bird Gadget</a>
<!-- Twitter Bird end ewtnet.com--></span>

You would have to make some changes to the variables. Change ewtweb to your twitter username.

var twitterAccount = "ewtweb";

If you are not on the blogger platform, change <data:blog.pageTitle/> to your website title and <data:blog.url/> to your website URL.

var tweetThisText = "<data:blog.pageTitle/>: <data:blog.url/>";

Example is shown below:

<!-- Twitter Bird start ewtnet.com -->
<script src='https://codepen.io/eobasi/pen/LqzMae.js' type='text/javascript'></script>
<script type='text/javascript'>
var twitterAccount = "ewtweb";
var tweetThisText = "Add Twitter Flying Bird to your Blog/Website
: https://ewtnet.com/technology/add-twitter-flying-bird-to-your";
tripleflapInit();
</script>
<span style='font-size:11px;position:absolute;'/><a href='https://ewtnet.com/technology/add-twitter-flying-bird-to-your' target='_blank' rel="nofollow" >Twitter Bird Gadget</a>
<!-- Twitter Bird end ewtnet.com--></span>

Now we are set, save and watch our wonder bird work its magic. See demo.

Add Flying Twitter Bird to Oxwall/Skadate

If your website is built on Oxwall/Skadate, the Flying Twitter Bird plugin will add the little flying bird on your website without code modification.

The plugin adds an animated flying twitter bird in your Oxwall/Skadate website. If you move the mouse over the bird, a “tweet this” -and displays a “follow me” button.

The bird found itself as the “follow me” link on the Twitter account. In addition to this you have multi animation to choose from.

Download plugin free on the Oxwall store: https://developers.oxwall.com/store/item/1033

Design & Implement Oxwall/Skadate Email Templates without Coding

Finally, an email template designer plugin that help you create your own professional Oxwall/Skadate e-mail template within a few minutes without any coding skills. Easily change texts, colors, fonts, pictures, alignment and see all your changes immediately in the live preview.

HTML Mail Weaver plugin wrap all your outgoing mails from your Skadate/Oxwall website in a fully customizable email template. You can save your custom styles and apply them to your templates anytime.

Did you get the answer you were searching for?

Save hours of searching online or wasting money testing unnecessary plugins, get in touch with me and let's discuss a suitable plan for your project. Best thing about this service is that you are never placed on hold and get to talk to an expereinced Oxwall/Skadate developer.

Get Answers for Free!

Ask a question related to this topic and get immediate answers from other community members in 48hrs or less. Contribute by answering members questions.

Ask Question
Premium Service

Whether it's a custom plugin, theme or dedicated support needed to get you started on your project, get professional 24/7 support tailored to your need.

Get in Touch

Or just leave a comment...

Post Tags:

  • twiter hover bird on blog post
  • at flying bird on blogspot JavaScript code
  • Twitter Bird code flying
  • twitter bird flying javascript

6 thoughts on “Add Twitter Flying Bird to your Blog/Website”

  1. Erh – please help dumbo out here..
    Re Flying Tweety.

    If you are not on the blogger platform, change : to your website url.

    WordPress – so does that change to:
    Thankx
  2. HELP!
    Blue Tweetie flies funny on my site with wp theme Grow but fine on one with 2013.

    (Site is barnyardbuzz.com – it’s my try things out site.)

    Can you tell me why – or fix him to fly right? ‘Cos I REELLY like Blue Tweetie an Grow is a nicer looking theme.

    I installed him in a footer widget on both sites….

Leave a Reply