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