0

hey guys here is a another post. sharing with you all a cool social bookmarking widgets.it simply looks awesome with a smooth performance, enhances the beauty and make it more attractive to your blog readers.

 

How to Add Animated Social Sharing Widget to blogs?


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 (allbloggingtips.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 -->

Glam Up Blogger Template

Links to this post

Create a Link - Click here

Post a Comment

 
Top