Twitter is one of the most favorite social media platform for the blogger to boast their blog's traffic.There are number of twitter widgets available for blogger but today I am here to share a cool twitter flying bird widget for blogger.

This Plugin is java script based and it will display an animated Twitter bird that settles on different places of your blogs visible area. If a you scroll the page, the bird will fly towards the visible part and settle in a new place and it takes random paths for each flight.When you place the cursor over the Twitter Bird "tweet this" and "follow me" links appear,through this the visitor can tweet the article or follow you.

How to Add The Flying Twitter Bird To Your Blog

There are Two types here is am giving.You can have the Bird on every page of your blog or just on the post pages.
1. Twitter Bird with tweet text has Post title and URL for all post pages Only.

2. Twitter Bird with tweet text has Current Page title and URL for all Blog pages.

How to Add Flying Twitter Bird To Post Pages Only

1. Go to Your Blogger Dashboard Click > Design > Edit Html
2. Find the following piece of code in your blogs Html and search the following code


</body>

3. Copy and paste the following code directly Below / After </body>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.bloggiks.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by bloggiks.com -->
</b:if>



Important Note:-

Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/saqlainabidcan , saqlainabidcan is the username.

4. Save Your template And Check Out Your Twitter Bird.

How to Add Flying Twitter Bird To All Pages

1. Go to Your Blogger Dashboard Click > Design > Edit Html
2. Find the following piece of code in your blogs Html and search the following cod</body>
3. Copy and paste the following code Directly Below / After </body>

<!-- Twitter Bird Widget for Blogger by chsaqlain.blogspot.com -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.bloggiks.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by chsaqlain.blogspot.com -->


Important Note:-

Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/saqlainabidcan, saqlainabidcan is the username.

4. Save Your template And Check Out Your Twitter Bird.
Hope you all guys like this cute Widget for blogger drop your views in comment box.

0 comments:

Post a Comment

 
chsaqlain © 2013. All Rights Reserved. Powered by Blogger
Top