Add Flying Twitter Bird To Blogger and Wordpress


Twitter has become a big social media to endorse through. Everyone is familiar this social media where you can tweet and follow others and more. Today, I am going to share a
plugin called 'Flying Twitter Bird', this plugin actually has a cute twitter bird fly over on your blog/website and when you hover over it will show some text appearing to tweet and follow. When you click on it will take you to the linked twitter page.




LIVE DEMO

Installing the Plugin to Blogger Blog:

STEP #1: Log on to Blogger  

STEP #2: Go to Dashboard>Template

STEP #3: Click on Edit HTML>Proceed

STEP #4: Tick on Expanded Widget Template check box

STEP #5: Find (Ctrl+f) for </body> tag

STEP #6: Just above the </body> tag paste the following code.

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;WIKITECHNOL&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>

STEP #7: Replace this WIKITECHNOL with your twitter username.

STEP #8: Save your template and you are done!


Installing the Plugin to WordPress Blog:

STEP #1: Installing on WordPress is same but there is one extra step just copy and paste the following code above the </head> tag.

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;WIKITECHNOL&quot;;
var tweetThisText = &quot;Digital Tech Inspiration - Technology Blog: Blog URL &quot;;
tripleflapInitundefined);
</script>

STEP #2: Replace WIKITECHNOL with your twitter username.

STEP #3: Replace Digital Tech Inspiration - Technology Blog with your blog/website title and Save the template and you are done!

So execute steps correctly and you are done. Head to your blog and check the trick executed. So don't forget us. We will only survive with your generosity. Like, Share, Follow and Subscribe. If you are facing any problem with implementing these codes just comment below for help. Stay tuned for more posts.



{ 0 comments... read them below or add one }

Post a Comment