17 September 2011

Animated Flying Twitter bird for Blogger.


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






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.
You have two option for flying bird:

  • Twitter bird Fly for all pages.
  • Twitter bird fly only for Home Page. 
 Add Flying 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:if cond='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 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 triml.blogspot.com' href=" http://triml.blogspot.com" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href=" http://triml.blogspot.com" target="_blank">Best Blogger Gadgets</a>
</b:if> 
 
 Add Flying 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.
 <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 triml.blogspot.com' href=" http://triml.blogspot.com" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href=" http://triml.blogspot.com" target="_blank">Best Blogger Gadgets</a>
 
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.

No comments:

Post a Comment

www.lochan.in