How to Add Mouseover Share Buttons to Blogger?

Share Buttons are very useful for bloggers. It helps you and your visitors to share your blog posts on any social network website or share with friends. Without it you have to go to the website first and then copy the URL/Title or blog and then Paste there and so on. This seems too long process if you want to share your blog post to multi social networks. Share buttons are very useful for you in this case. You just have to drag your Mouse Pointer on Share button, it will show you multi social networks icon, just click on one of them where you want to share your blog post, when you click an popup window opens, now just click on share and you are done. It looks so simple and easy.

Steps to Add Mouseover Share Buttons:
Step 1: Go to Blogger> Template> Edit HTML
Step 2: Copy the below code

</body>

Step 3: Now paste the below code just before the above code

<!-- Mouseover Share Buttons from TheTricksLab.com -->
<div class="shr_ss shr_publisher">
</div>
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>