How To Add The Animated Sassy Bookmarking Gadget To Your Blog

How To Add The Animated Sassy Bookmarking Gadget To Your Blog

I understand how much you all like communal bookmarking gadgets and widgets especially exclusive gadgets that can apprehend the eye of readers and get them bookmarking your blog.Today I have a very cooling social bookmarking gadget with a stylish animated effect.

With the Sassy bookmarks gadget a rudimentary share button is put in the corner of your blog, then on hover 6 icons for the main social bookmarking websites emerge in a semicircle.The buttons that emerge are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a reside demo then ascertain out the tutorial to add the Sassy Bookmarks to Blogger. 

 How To Add The Animated Sassy Bookmarking Gadget To Your Blog

 Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html >

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

Step 3. Copy and Paste the following code Directly Above / Before </body>

<!-- Start Shareaholic Sassy Bookmarks HTML - -->
<div class='shr_ss shr_publisher'>

<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;; : &quot;;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
</script><small><a href=''>Animated Social Gadget</a> - <a href=''>Blogger Tips And Tricks</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - -->

Step 4. Save Your Template.

That's it the animated Sassy Bookmarks gadget is on your blog ! Make sure to check out more of our Social Bookmarks Gadgets.

If you like my work; you can show your regards by hitting Facebook like button, following us on Google+ or Twitter, stumbling our posts on stumble upon . Stay tuned for more tech updates.

Post a Comment

Find Us On Facebook