Round Social Sharing Widget With Animated And Hover Effect

Social Media Sharing is one of the best way to get maximum traffic. You need to have an eye catching social media sharing buttons for your blog. Today i am presenting you very beautiful widget for your blog. This will surely increase your social media sharing and you will see better result after adding this. This is basically by shareaholic and we are thankful to them that they have give us this amazing sharing widget. It includes twitter, facebook, pinterest, google+, tumbir and email option. So you can say that every thing is included.

Series on Social Media Sharing

Add New Social Media Sharing Widget With Hover Effect
(Published)

How to Add Email Subscription Box With Social Media Icons In Blogger?(Published)

Round Social Sharing Widget With Animated And Hover Effect
(Current)

Now we will see how to add this in blogger blog. Here is simple procedure for you. Just follow the steps.

Adding Social Media Sharing Button

1. Go to your blogger account. Backup your template.

2. Go to Templates==> Edit HTML==>Proceed.

3. Search for code below by pressing Ctrl+F.

4.Paste the below code just before

<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>
 

<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>

5. Save your template and view your blog. You will see very fantastic widget added on bottom of your web-page.

That's all for today. We will share other Social Media Sharing buttons in future posts. To remain update subscribe to your mail box. If you like share it with others and mention it in comments. have a Nice Day.