Social Sharing Gadget Shareaholic Sassy Bookmarks To Blogger


Shareaholic is always famous for their Social Bookmarking Widgets.It is a leading website in making share buttons for wordpress, tumblr, websites. I am sharing a social sharing gadget Sassy Bookmarks. This is a cool gadget by Shareaholic, it floats bottom left corner of your blog and when any user hovers mouse on it, some icons pop outs. Also the installation of this gadget is so easy you just have to copy and paste the code. 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?

Go to Blogger Dashboard > Template

Click on Backup/Restore button to take backup of your template.

Click on Edit HTML.

Now find for the below highlighted code (Ctrl + f)


</body>

Now place the below code just above/before of the </body> tag.
<!-- Start Shareaholic Sassy Bookmarks HTML (wikitechnol.blogspot.com)-->
<div class="shr_ss shr_publisher">

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


Now Save template and Close.


So execute steps correctly and you are done. Head to your blog and check the trick executed. So don't forget us. We will only survive with your generosity. Like, Share, Follow and Subscribe. If you are facing any problem with implementing these codes just comment below for help. Stay tuned for more posts.


{ 0 comments... read them below or add one }

Post a Comment