How to add Animated Social Sharing Widget With Cool Hover Effects

Hello Friends  Today I share another Widget Trick.This widget is totally depend on Social  Sharing With Animated Cool Hover Effects.This widget is for Sharing posts with Friends.Many Peoples like your Post may be Your post is informative and than people Want to share with other Friends.If peoples Share with Friends you blog traffic more.This widget is making your blog more modify.If you want to add this widget in blog.Follow these simple Steps.

How to add  Animated Social Sharing Widget With Cool Hover Effects?

1.Please First Download a copy of Your Template.
2.Login to Blogger Dashbord
3.Goto Template>Edit HTML
4.Now find “</body>” Tag Using (Ctrl+F) in your HTML.
5.Last Step is Paste Following Code just Below the </body> tag.

<!– Start Social Sharing Widget Sassy Bookmarks HTML AdvanceBloggerTricks.Blogspot–>
<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>

<!– End Shareaholic Sassy Bookmarks script AdvanceBloggerTricks.Blogspot
 –>

Finaly Save Template.

Live Demo cool Effects

Take 5 Second and  Share With Friends. 

Don’t Miss:How to add Floating facebook like box in blogger?

Leave a Reply