Add Twitter Flying Bird to your Blog/Website

Flying Twitter bird

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.

The following two tabs change content below.

Ebenezer Obasi

Senior executive editor at EwtNet
A web developer, IT undergrad, terrible entrepreneur, internet freak and a man of a few other incongruous talents, Ebenezer has been writing on technology since 2012, and plans to do so until a few days before his ultimate fate: cryogenic preservation. If resurrected, he is likely to go back to writing on technology.

Recieve Free Email Updates!

Comments (3)

Add Comment