Sassy Animated Social Bookmarking Widget

We all know how much Owners of Site like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of reader and get them bookmarking your blog.Today i have brought Something really stylish and unique Widget For you, It's "SASSY" . This widget is cool looking and placed in corner, it's animation is so superb that everyone will surely like it, there ae  6 icons for the main social bookmarking websites appear in a semicircle and Hover effect is given to these icons which reduces the area they cover ,this feature of Sassy helps you to maintain the cleanness of your Site.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email. You can check that i too is using the same Widget for Social Bookmarking. It's in the left most corner, Place your mouse there and see the live Demo of this gadget.

Tutorial

Step 1.  In Your Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Tick The Expand Widget Templates Box.

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

</body>

Step 3. Copy and Paste the code given Below  Directly Above </body> Tag.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.officialtechsite.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://officialtechsite.blogspot.com/2013/02/sassy-animated-social-bookmarking-widget.html>Animated Social Gadget</a> - <a href='http://officialtechsite.blogspot.in/search/label/Blogging'>Blogger And Wordpress Tips</a></small>

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

Step 4. Save Your Template and check your Blog.

Ask Questions in the Comment Box

Categories: Blogging, Widgets