Animated Sassy Social Bookmark Gadget For Blogger

Posted : Sunday, May 27, 2012 | Post Author : Paul Crowe | 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. According to expert reviews : mougle

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 = {"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><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.

63 comments:

  1. great post buddy super like..

    Tlasto

    ReplyDelete

  2. wow fantastic gadget. I really love it.

    ReplyDelete

  3. Brilliant! Thank you ๐Ÿ™‚

    ReplyDelete

  4. I really like that, thanks…

    ReplyDelete

  5. kewl!!

    ReplyDelete

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

    ReplyDelete

  7. Scrap and Tubes (ZaZa)May 28, 2012 at 12:26 AM

    Awesome, thanks !

    ReplyDelete

  8. Varinder Pal SinghMay 28, 2012 at 3:24 AM

    This is awesome widget thanks for sharing.

    ReplyDelete

  9. Thanks… A really great gadget so nice of shring here … Thanks buddy

    ReplyDelete

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

    ReplyDelete

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

  12. marawan alwarakiMay 28, 2012 at 12:24 PM

    THANKS!

    ReplyDelete

  13. Thanks, I love! I just put it in and love it!

    ReplyDelete

  14. Love it~~!! Thanks!!

    ReplyDelete

  15. Awesome post! Thanks so much! Very clear instructions.

    ReplyDelete

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

     

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

  18. me too ๐Ÿ™

    Delete

  19. The same happened with mine.

    Delete

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

    Delete

  21.  

  22. looks good in firefox. Anyway I’d like to as where can i get the image files?

    ReplyDelete

  23. opregadorfiel.com.brJune 1, 2012 at 12:05 PM

    This is awesome widget thanks for sharing.

    ReplyDelete

  24. opregadorfiel.com.brJune 1, 2012 at 12:06 PM

    Thanks for sharing

    ReplyDelete

  25. Cooolzz!

    ReplyDelete

  26. It’s now on my site. Thanks!

    ReplyDelete

  27. awesome cool :))

    ReplyDelete

  28. making brains… really cool

    ReplyDelete

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

  30. Mean Old Library TeacherJune 12, 2012 at 8:44 PM

    LOVE!

    ReplyDelete

  31. wow this is really cool. nice widget. tanq for this post.

    ReplyDelete

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

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

  34. Awesome. Thanks!

    ReplyDelete

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

    ReplyDelete

  36. Christie MichelleJuly 23, 2012 at 4:28 PM

    Love it!!! Thanks ๐Ÿ™‚

    ReplyDelete

  37. superb …thnx for sharing .. :))

    ReplyDelete

  38. ู…ุฏูˆู† ูƒูˆูˆู„August 22, 2012 at 3:00 PM

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

    ReplyDelete

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

    ReplyDelete

  40. excellent

    ReplyDelete

  41. arunoda isuruwan WijewanthaSeptember 13, 2012 at 1:03 PM

    Thanks

    ReplyDelete

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

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

  44. Amazing !!!

    ReplyDelete

  45. awosome post buddy

    ReplyDelete

  46. man , it really work . thanks a lot !

    ReplyDelete

  47. awesome gadget . I like it soo much … ๐Ÿ˜€

    ReplyDelete

  48. Yeahh… great

    ReplyDelete

  49. thnxxxx a lot for such a coool stuff u r great…

    ReplyDelete

  50. Rebecca Ryals RussellDecember 13, 2012 at 1:53 AM

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

    ReplyDelete

  51. thanks
    its work

    ReplyDelete

  52. realy nice wedget ,,,

    ReplyDelete

  53. Wow.. this is cool, very like it

    ReplyDelete

  54. connectingbharat.comJune 6, 2013 at 5:57 PM

    The code ran without any problem.Thanks.

    ReplyDelete

  55. The twitter button doesn’t work for me. Otherwise, everything works aright

    ReplyDelete

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

    ReplyDelete

  57. Awesome post, thanks!

    ReplyDelete

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

  59. Satyamevjayte HaxorDecember 18, 2013 at 3:41 AM

    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

     

  60. I just tested it on the demo blog and it worked including the Facebook button…

    Delete

  61.  

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

    ReplyDelete

  63. thanks for share

    ReplyDelete

  64. Awesome widget , Thanks… !

    ReplyDelete

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

    ReplyDelete