Animated Sassy Social Bookmark Gadget For Blogger

Do you like this story?

I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have a very cool social bookmarking gadget with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger.
Before i have share Add Live Chat Widget to Blogger, i hope you will like this widget for your blogger, and before this i have share one more cool blogger widget for your blog that is How to Add Cool Jquery Popup Facebook Like Box to Blogger. You can also Add Animated Flying Twitter Bird Widget to Blogger.

Now Lets Start to Add Animated Sassy Social Bookmark Gadget For Blogger.

1. Log in to Your Blogger Account And Go to Dashboard.

2. Choose Template > Edit HTML.

3. Find The Following Code In Your Blogger Template.
</body>

4.  Copy And Paste The Following Code Directly Before </body> Tag.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.com -->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://rexhacker.blogspot.com/search/label/Blogger%20Widget'>Blogger Widgets</a> - <a href='http://rexhacker.blogspot.com/search/label/Blogger%20Template'>Blogger Templates</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.com -->
Note: You Can Copy This Code From This Link.

5. Save Your Template And You Are Done.