Tuesday 8 October 2013

Animated Social Sharing Widget with Cool Hover for Blogger and Wordpress!

How to Add Animated Social Sharing Widget to blogs? 

This is the one of awesome social sharing widget all time this great one it can easily attract visitor to share you blog post 

Animated Social Sharing Widget with Cool Hover for Blogger and Wordpress
 

Adding to WordPress

  • Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
  • Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
  • As Soon the page loads completely, Press CTRL+F and Find </body>
  •  Now be careful and paste the below code just about it !
  • Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left

Adding to Blogger/Blogspot

  • Go to Blogger Dashboard > Template
  • Take a backup of your template.
  • Now find for below code in your template </body>
  • Add below piece of code just above/before of above code.


<!-- Start Social Sharing Widget Sassy Bookmarks HTML (mywordblogger.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 -->

Change @Shareaholic with your Twitter id

We hope this widget ready and you guess exited if you want some suggestion comment it now so i answer for all your suggestion and question HAPPY BLOGGING Follow my blog with Bloglovin

No comments :

Post a Comment

Icon Icon Icon Follow Me on Google Plus Follow Me on Pinterest

Copyright 2013 All Rights Reserved / Privacy Policy / Sitemap / Contact Us

Template by / Hunt We / Powered by / God