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.
- Add a new HTML/JavaScript (Custom HTML) Widget
- Copy the code in our quote box to your new HTML/JavaScript Widget
- 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.
US
NG
GH
WOw!! Thanks a lot for this.
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
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….