Animated Sassy Social Bookmark Gadget For Blogger




| 63 comments

Animated Sassy Bookmarks Widget For Blogger Blogs
I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have a very cool social bookmarking gadget with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger.

View Demo Button

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 > Tick The Expand Widget Templates Box as shown in the video Below :
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)
</body>

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

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.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 = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&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;}};
</script>
<!-- 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;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&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='http://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html'>Animated Social Gadget</a> - <a href='http://www.spiceupyourblog.com'>Blogger And Wordpress Tips</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.com -->

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.

Drop Your Comments And Questions Below.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

63 comments:

  1. great post buddy super like..

    Tlasto

    ReplyDelete
  2. wow fantastic gadget. I really love it.

    ReplyDelete
  3. thanks for this social bookmark unique one i really love it

    ReplyDelete
  4. This is awesome widget thanks for sharing.

    ReplyDelete
  5. Thanks... A really great gadget so nice of shring here ... Thanks buddy

    ReplyDelete
  6. thanks, worked like a charm. BTW how do you hide it on the home page?

    ReplyDelete
  7. It's a great gadget. But it seems that it doesn't work for IE. I mean the animation is ok in IE, but when I click on Twitter to share, it loads and loads and stays like that, and can't share content. However, in google chrome and firefox, this works awsome.

    ReplyDelete
  8. Thanks, I love! I just put it in and love it!

    ReplyDelete
  9. Awesome post! Thanks so much! Very clear instructions.

    ReplyDelete
  10. Hm ok, is this just me or is anyone else having issues with not being able to click on links that are in the general vicinity of the gadget on the blog page? I.e. if the gadget is close to social sharing links at the bottom of a post or any link then those links become un-clickable unless you scroll up quite a bit (so the links aren't broken since they will still work if you scroll). It seems there is some sort of general interference there when links are close to the gadget. Any fix for this? Thanks!!

    ReplyDelete
    Replies
    1. Same thing is with me. When I install this widget, other links in posts and other widgets on my blog dont't work normally, they "froze". So I had to remove it, until they fix it or something.

      Delete
    2. Fortunately, the trick works great on my blog. Check it out on yourself http://crazzywrites.blogspot.in

      Delete
  11. looks good in firefox. Anyway I'd like to as where can i get the image files?

    ReplyDelete
  12. This is awesome widget thanks for sharing.

    ReplyDelete
  13. It's now on my site. Thanks!

    ReplyDelete
  14. making brains... really cool

    ReplyDelete
  15. It seems to have affected the mobile version of my blogger site...any way around this? I would like to keep the widget, but will have to remove it if this can't be resolved.

    ReplyDelete
  16. wow this is really cool. nice widget. tanq for this post.

    ReplyDelete
  17. This seems to have affected my page.

    Others can't comment on my page as the "Publish" button is within the vicinity of the app. Is there a way to put the app on the right side? Thanks.

    ReplyDelete
  18. there is a problem i m faced.When i add this code,code work fine.But no one can replay my posts.Replay button was disable.If any one get solution on this please mail me on kunalrdeshpandey2k@gmail.com

    ReplyDelete
  19. i really love this thank you so much... at last something that works and unique too

    ReplyDelete
  20. pleaz i want just the facebook and twitter google + digg linkedin + e-mail make it for me pleazz

    ReplyDelete
  21. wow after trying the other social bookmarking gadget here, finally this one works!

    ReplyDelete
  22. I want to know something if admin online there ...

    Is there any widget or tool created which automatically link the previous post to newer one if the newer post have some keyword which relates to older post ... ?

    waiting for answer .....

    ReplyDelete
  23. I'm hoping someone might know how to fix this, but once I installed it they all worked fine minus Twitter and Pinterest. If you click on the Pinterest icon then the gadget just folds back into itself and Pinterest doesn't open, and when you click on Twitter I get the "Give twitter permission" and when I click on link accounts it just vanishes. Any ideas?

    ReplyDelete
  24. man , it really work . thanks a lot !

    ReplyDelete
  25. awesome gadget . I like it soo much ... :D

    ReplyDelete
  26. thnxxxx a lot for such a coool stuff u r great...

    ReplyDelete
  27. Is it possible to move this awesome button to the top right?

    ReplyDelete
  28. The code ran without any problem.Thanks.

    ReplyDelete
  29. The twitter button doesn't work for me. Otherwise, everything works aright

    ReplyDelete
  30. awesome widget! Will add to my blog asap!, Thanks again.

    ReplyDelete
  31. Its like you read my mind! You seem to know so much about this,
    like you wrote the book in it or something.
    I think that you could do with a few pics to drive the message home a little bit, but other than that, this is great blog.
    A great read. I'll definitely be back.

    Here is my page ... wordpress plugin developer

    ReplyDelete
  32. It's an awesome stuff...But it seems that it won't working rightly when click on any of the social icon ex. facebook it gives an error...

    ReplyDelete
    Replies
    1. I just tested it on the demo blog and it worked including the Facebook button...

      Delete
  33. hello is there a way i can add a stumbleupon button ?

    ReplyDelete
  34. Very nice widget. It will be costumized in my blog.Thanks

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us