Animated Flying Twitter Bird Widget For Blogger. Have You Noticed that a small blue bird is flying around this Page. Yes! that is Twitter bird. The bird flying animated effect by Javascript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the "follow me" link on the Twitter account. If you move the mouse pointer over the bird, a "follow me" button and a "tweet this" button displayed. Based on Tweet this link I am divided this widget into Two types.
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.
Add Flying Twitter Bird To All Pages
1) Go to Your Blogger Dashboard Click > Design > Add A Gadget > Choose A Html/Javascrit Gadget> Copy Paste The Following Code
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "Twitter User Name";
var tweetThisText = "thenetfabz";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://thenetfabz.blogspot.com">TheNetFABz</a></span></noscript>
Important Note:-
Replace Your Twtter 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/chandramohanr , chandramohanr is the username.
2) Save Your Widget And Check Out Your Twitter Bird.
Add Flying Twitter Bird To Post Pages Only
1) Go to Your Blogger Dashboard Click > Design > Edit Html > Tick Expand Widgets>Search For <data:post.body/> Copy Paste The Following Code
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "way2blogging";
var tweetThisText = " <data:post.title/> ~ <data:post.Url/> ";
tripleflapInit();
</script>
<noscript>
<span style="font-size:11px;margin:10px;">
Flying Twitter Bird Widget By <a href="http:/thenetfabz.blogspot.com/">TheNetFABz</a>
</span>
</noscript>
</b:if>
Important Note:-
Replace Your Twtter 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/chandramohanr.
2) Save Your Widget And Check Out Your Twitter Bird.
Try It Easy...
If you like this post please spare 5 seconds to share this :) Bye
No comments:
Post a Comment