Animated Social Sharing Widget For Blogger and Wordpress

This widget are share many blog owner on their sites, Because this animated widget are Created by Shareaholic website and it’s really cool widget so today I am going to tell you all about this and I show you how you can add this in bloggerand Wordpress.

This is also help you to increase your blog traffic. when some one visit your site and like your post and want to share on facebook, twitter or Google + etc. So He/She easily share it by using this widget and if any visitors have good friends then you got some better traffic on your blog.

I also add the Demo of this Widget. You Simply Click on the Live Demo and view how it look.

                                                            Live Demo

Note:

Blogger and Wordpress Code are same so I write Code only Wordpress part you also use this in Blogger.

How To Add Social Sharing Widget To Blogger ?

This is very simple and easy you only follow below steps and add this widget in your blog.

1. Log-in to your Blogger account.

2. Backup your Template

3.Click on The Template>>Edit HTML>> Proceed.

4. Find </body> in your template. [ using Ctrl + F]

5.Now just copy below Code and add it Below/Above the </body>.

6. After Done all things Successfully then Click on the Save Template.

How To Add Social Sharing Widget To Wordpress?

1.Log-in to your Wordpress account and got to Dashboard>>Appearanceand then navigate to Editor.

2. Now Then you see The list of Template files, So Click on the footer.php .

3. When page Load Completely then Find </body>[using Ctrl +F].

4. Now paste the below Code below/above it.

<!-- Start Social Sharing Widget Sassy Bookmarks HTML (yourallchoices.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 = {"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>

<!-- End Shareaholic Sassy Bookmarks script -->

5.Click on The Update file and see this beautiful widget on Bottom left of your Blog.

If you like this post or you got any problem so feel free to ask by using Comment section and share this widget with your friends.