Add Shareaholic Sassy Bookmarks To Blogger - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Saturday, 19 May 2012

Add Shareaholic Sassy Bookmarks To Blogger


Shareaholic is always famous for their Social Bookmarking Widgets.Recently we shared their Sexy Bookmarks Gagdet for blogger and this time we are sharing Sassy Bookmarks.This is another cool gadget by Shareaholic,it floats botttom left corner of your blog and when any user hovers mouse on it,some icons pop outs.Also the installation of this gadget is one step installation so that you can easily add to your blog.Now let's see how to add it.Click on the button below to see live demo.




How To Add Shareaholic Sassy Bookmarks To Blogger?


  1. Go to Blogger Dashboard > Template
  2. Take a backup of your template.
  3. Now find for below code in your template


</body>


add below piece of code just above/before of above code.

<!-- Start Shareaholic Sassy Bookmarks HTML (helperblogger.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- 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 (helperblogger.com) -->


Now save your template and you are done

I hope you will like this gadget.

17 comments:

  1. bro...by adding this on my blog....
    my post sharing tool
    is not working properly
    http://safetricks.blogspot.in/

    see here

    Above Of this Shareaholic tool my post share button is not working.....how to fix it

    ReplyDelete
    Replies
    1. Simply go to page elements under design and then click on add a gadget
      and selected HTML/JavaScript and save it

      Delete
  2. and 1 another problem share to twitter of this Shareaholic is not working...:/

    ReplyDelete
  3. Replies
    1. I just visited to your blog and it is working fine,then whats the problem ?

      Delete
  4. open any post and punblish any comment. then u find problem. Publish button is not working bcz of this widget

    ReplyDelete
  5. You are right bro.Publish button is not working.I can't edit this widget as I have not created it.I will recommend you that remove that widget from your blog.There is no any problem in my coding as it is working.I am sorry about that :(

    ReplyDelete
  6. Cooll EFFFECt !!!!
    awsomEEE !

    ReplyDelete
  7. check at here:
    http://danishnetwork.blogspot.com

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. hey buddie its wonderful i know it oyu do your best.i have another one widget for your blog.

    ReplyDelete
  10. Thanks this really works for my blogger template.It is bringing huge amount of traffic to my blog.Thanks for posting useful blogging design info.

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM