73D41416194E8A7C390936971FB2B74B Chira Sathi: Animated Flying Twitter bird for Blogger.

Saturday, September 17, 2011

Animated Flying Twitter bird for Blogger.


"Twitter",is one of the most popular Social networking sites in the world among Bloggersto promote their blogs.There are a number of twitter widgets, scripts andplugins available to integrate Twitter with your blog.Most of the icons,buttons or badges are stationary or a fixed floating Twitter gadgets.Now here ihave a very cool unique Blogger Twitter widget, an actual Animated flyingTwitter Bird that flies around your blog.






ThisPlugin is java script based and it will display an animated Twitter bird thatsettles on different places of your blogs visible area. If a you scroll thepage, the bird will fly towards the visible part and settle in a new place andit takes random paths for each flight.When you place the cursor over theTwitter Bird "tweet this" and "follow me" linksappear,through this the visitor can tweet the article or follow you.
You have two option for flying bird:

  • Twitter bird Fly for all pages.
  • Twitter bird fly only for Home Page. 
 AddFlying Twitter Bird To Post Pages Only:
  •  Go to Your Blogger Dashboard Click > Design >Edit Html 
  • Find the following piece of code </body> and place the code below it.
<b:ifcond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript"src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter UserName Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>:<data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='BloggerWidget by triml.blogspot.com' href=" http://triml.blogspot.com"target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><ahref=" http://triml.blogspot.com" target="_blank">BestBlogger Gadgets</a>
</b:if> 
 
 AddFlying Twitter Bird To all Pages:
  • Go to Your Blogger Dashboard Click > Design >Edit Html 
  • Find the following piece of code </body> and place the code below it.
 <scripttype="text/javascript"src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter UserName Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>:<data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='BloggerWidget by triml.blogspot.com' href=" http://triml.blogspot.com"target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><ahref=" http://triml.blogspot.com" target="_blank">BestBlogger Gadgets</a>
 
Important Note:-

Replace Your Twitter User Name Here!with your twitter user name.You add just the username not the entire URL ofyour Twitter profile.

No comments:

Post a Comment

Best Blogger Gadgets