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?
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.
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