23 January, 2010

Animated jquery sharing bar with 360 revolution

Today i am sharing with you  an awesome animated sharing option (from Martin Angelov on tutorialzine) by using pure JavaScript with the jQuery framework. which will enable your website visitors to share posts on a number of social networks. Social networking place a very important role in the popularity of the blog,blogger that communicate better and understand the power of social media are generally the most popular ones.
Before we start you make also like to look at  some of my previous posts: Tiny facebook gadget (add to your blogger) Another social bookmarking using image swapping
Now,Installing it to the blogger below every post is like every other social bookmarking bar ,there is an Html with a css supporting it, on the top of it working the Jquery.

Copy this CSS code and paste it above  ]]></b:skin> in your template code ,no need to expand widget template.

For get this working we need to install these two JavaScript between head sections :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ikb.fileave.com/rotating%20social.js"></script>
First one includes jquery library from google's CDN and the second one is rotating social file.

To show the code below every post paste this HTML code below <data:post.body/>

And save your template Click on view blog to see it working.


  1. Thank you, we had a lot of fun to browse through all the links although there are a couple which don't work anymore...........


  2. Hi I can't seem to find in my HTML. Is there something else I should be looking for (I am using blogspot).
    cecette dot brons dot rhodes at gmail dot com


Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.
Thanks for reading,