Sassy Social Bookmarking Widget with Animation for Blogger

Social bookmarking is pretty much important for a blog in terms of SEO. In order to let your readers submit your blog posts to various social networks, you need to have a social bookmarking widget. I've been sharing plenty of social bookmarking widgets like the Slide Open Heart bookmarking and Slide Open Egg bookmarking widgets. Today I'm sharing with you this specific bookmarking widget having stylish animation when you scroll over it. It's like a button and when you hover over it, it rotates and displays six important social bookmarking sites i.e Pinterest, Google+, Facebook, Twitter, Tumblr and Email. Once added, it would be displayed at the bottom corner of your blogs.

The Sassy Social Bookmarking Widget is designed by Spice Up Your Blog, special thanks to Paul!.

      Add the Sassy Social Bookmarking Widget!

1. Go to Blogger >> Template >> Edit HTML.
2. Expand Widgets Template and search for </body>.
3. Place the follow code just above </body>.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.mybloggernews.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://www.mybloggernews.com/2012/09/sassy-social-bookmarking-widget-with_14.html'>Animated Social Gadget</a> - <a href='http://www.mybloggernews.com'>Blogger Tips and Widgets</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->

<!-- End Shareaholic Sassy Bookmarks HTML - http://www.mybloggernews.com -->

That's all! :)

Peace and Happy Blogging!