Add Animated Share Button On Blogger

     I present the animated share button, it floats in the left corner of your blog and when a user rolls the mouse over the icons of social media appear.

How to Add Animated Share Button On Blogger?

1. Go to Blogger Dashboard> Template
2. Make a backup of your Template.
3. Now find the following code By Pressing CTRL+F.

</body>

Add the following code just before the code above.

<!-- Start Animation Share button HTML (searchengineland.tk)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Animation Share button HTML (searchengineland.tk) -->
<!-- START Animation Share button -->
<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>
<!-- Fin Bouton de partage animation -->
<!-- Depart Bouton de partage animation 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>

<!-- END Animation Share button script (searchengineland.tk) -->

Now save your template and you're done

I hope you like this gadget.