How To Add Animated Sassy Social Bookmark Widget For Blogger

Today in makesomsense you all will learn how to add animated sassy social bookmark widget in blogger.This is another unique and classy look social bookmarking widget that comes with cool hover effects which attracts visitors. Visitors will definitely love to share through this social bookmarking widget. In this sassy social bookmarking widget share button is placed on the corner of your blog then on hover six icons for the social bookmarking websites appears in semicircle style. The social networks that you can use in this widget are Pinterest, Google Plus, Facebook, Twitter, Tumblr and Email.View Demo To See Animated Sassy Social Bookmarking Widget.

  How To Add Animated Sassy Social Bookmark Widget For Blogger

1. Login to blogger.com

2. Go to Dashboard

3. Click on the drop down menu of blog.

4. Click on template

5. Click on Edit HTML

6. Press Ctrl+F and search for </body>

7. Copy and paste the below code directly before/above </body>

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.makesomesense.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.makesomesense.com/2014/01/how-to-add-animated-sassy-social-bookmark-widget-for-blogger.html'>Animated Social Gadget</a> - <a href='http://www.makesomesense.com'>Blogger And Wordpress Tips</a></small>

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

8. Now save template.

Note: If you are facing problem adding this code in edit HTML then kindly follow the step which is below.

1. Login to blogger.com
2. Go To Dashboard.
3. Click on Layout
4. Click on "Add a gadget"
5. Copy and paste the above code
6. Save it
7. View your blog.

Work done. Happy Blogging!