Central Download

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.
Before i have share Add Live Chat Widget to Blogger, i hope you will like this widget for your blogger, and before this i have share one more cool blogger widget for your blog that is How to Add Cool Jquery Popup Facebook Like Box to Blogger. You can also Add Animated Flying Twitter Bird Widget to Blogger.

Now Lets Start to Add Animated Sassy Social Bookmark Gadget For Blogger.


1. Log in to Your Blogger Account And Go to Dashboard.

2. Choose Template > Edit HTML.

3. Find The Following Code In Your Blogger Template.
</body>

4.  Copy And Paste The Following Code Directly Before </body> Tag.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.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://rexhacker.blogspot.com/search/label/Blogger%20Widget>Blogger Widgets</a> - <a href=http://rexhacker.blogspot.com/search/label/Blogger%20Template>Blogger Templates</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.com -->
Note: You Can Copy This Code From This Link.

5. Save Your Template And You Are Done.

In this post I am  going to  explain you  how to add peeling social media sharing  buttons  for  your blog. This is just widget. You can add  it to your blog easily. I just using CSS with HTML. Check below demo.
You can increase your blog traffic with these sharing buttons. You can change link of these icons/buttons. Before I have share How to Add Animated Sassy Social Bookmark Gadget For Blogger. I hope you will like my these widgets article and also must suggest me for better sharing. Before this sharing I have also share one interesting sharing that is How to Add Live Chat Widget For Blogger.

Now Lets start to Add Peeling Stickers Social Media Widget For Blogger.

See Demo Picture Below.









1. Login to Blogger  Layout >> Add Gadgets.

2. Click Add Gadgets and select HTML/Javascript.

3. Now Paste Below Code.

<style>
p#socialicons img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} 
p#socialicons img:hover { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);}
p#socialicons1 img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
p#socialicons1 img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} 
p#socialicons2 img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} 
p#socialicons2 img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}</style>

<center><p id="socialicons">
<a href="https://www.facebook.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmyzp52RdL4-dLmNLrvk6cf5zNSMrj88V7GuxAQef76_-qgOkoLLi1rwKd3DGPYuZLIRfEwHxlioQViaH_bawcwL56Kejawy6VtqHiHK6_n7VBHpjCWmjrhjGfuJCjdSfQTTYPJKqBgav/s1600/bloggertrix-facebook.png" /></a>
<a href="https://twitter.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVNNm8zOLeZDAsXoB-yKkXxpR71lG2rHHXJ0d0VBnx6_xoPhxfvhIiPePtYIkXP6A1qjbCLRHG7lcRYxf4Wcg9YjXEhyphenhyphencPtcKu3CFSPwqwttsS9IY6ZOwCPf3pfaPy1C8ohdBNCWOgUZF/s1600/bloggertrix-twitter.png" /></a>
<a href="http://www.stumbleupon.com/stumbler/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQ0SIVYh7_x4cE1EhU0On7fX-511po6saYOrkUqIDA6rkVi6LwojKU5XP98ogwx1Hnb2q-HafJnza0WnTb2PhGX1x-OBSP5yklHUwp2IJCy4FvIuSigtGUQs-317lzejUnwDLMYznl7E6/s1600/bloggertrix-stumbleupon.png" /></a>
<a href="http://feeds.feedburner.com/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEhl_gjOgRw5iaxS-sPg_7vBwvbRnKJ5EWEH4MkCX15Gvu8dxncNRS5K_got5bIPMStqENgky73mt_vJQWOvHDM4lxin4uGkTAdkUsmVInSefLnNbhrewW0eRB569JyDaIaM9fd7xObvF/s1600/bloggertrix-rss.png" /></a></p></center>

Note: You Can Copy This Code From This Link.

4. After Paste Above Code.

* Replace RexHacker With your Facebook Username

* Replace RexHacker With your Twitter Username

* Replace RexHacker With your Stumbleupon Username

* Replace RexHacker With your Feedburner Username

5. Now save your HTML/Javascript.

6. You Are Done.