Animated Sharing Is Caring Social Bookmark Set For Your Blog


Note - This post was updated 11/10/10

An exciting new version of the Animated Share gadget has been released with more options, more social sites, and a two tier hover effect.The new version is called 'The V2 Sexy Bookmarks'.Shortly after the release of the new version the Images and script for this version expired.BUT i have added the Tutorial for V2 to Spice Up Your Blog ! You can get the V2 Sexy Bookmarks gadget for Blogger in this post : New Version Share The Love Sexy Bookmarks

To remove the Sharing is caring gadget before adding V2 see instructions below.

share the love sexy bookmarks blogger

Remove Old Sharing Is Caring  Gadget - Back Up Your Template First

 - In your dashboard click 'Design' > 'Edit Html' > Tick the 'Expand Widget Templates' box.

1. Find the following code in your template and remove

Note - Use 'CTRL F' for a search bar (More Info On Search Bar To Find Code)
Note 2 - Try Looking for the first line of code and working from there.

<style type='text/css'> {
background:url(&#39;;) no-repeat left bottom;
} {
background:url(&#39;;) no-repeat right bottom;
} ul.socials {
margin:0 !important;
padding:0 !important;
} ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
} ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;


.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('') no-repeat !important;

.sexy-furl {
background-position:-300px top !important;
.sexy-furl:hover {
background-position:-300px bottom !important;
.sexy-digg {
background-position:-500px top !important;
.sexy-digg:hover {
background-position:-500px bottom !important;
.sexy-reddit {
background-position:-100px top !important;
.sexy-reddit:hover {
background-position:-100px bottom !important;
.sexy-stumble {
background-position:-50px top !important;
.sexy-stumble:hover {
background-position:-50px bottom !important;
.sexy-delicious {
background-position:left top !important;
.sexy-delicious:hover {
background-position:left bottom !important;
.sexy-yahoo {
background-position:-650px top !important;
.sexy-yahoo:hover {
background-position:-650px bottom !important;
.sexy-blinklist {
background-position:-600px top !important;
.sexy-blinklist:hover {
background-position:-600px bottom !important;
.sexy-technorati {
background-position:-700px top !important;
.sexy-technorati:hover {
background-position:-700px bottom !important;
.sexy-myspace {
background-position:-200px top !important;
.sexy-myspace:hover {
background-position:-200px bottom !important;
.sexy-twitter {
background-position:-350px top !important;
.sexy-twitter:hover {
background-position:-350px bottom !important;
.sexy-facebook {
background-position:-450px top !important;
.sexy-facebook:hover {
background-position:-450px bottom !important;
.sexy-mixx {
background-position:-250px top !important;
.sexy-mixx:hover {
background-position:-250px bottom !important;
.sexy-script-style {
background-position:-400px top !important;
.sexy-script-style:hover {
background-position:-400px bottom !important;
.sexy-designfloat {
background-position:-550px top !important;
.sexy-designfloat:hover {
background-position:-550px bottom !important;
.sexy-syndicate {
background-position:-150px top !important;
.sexy-syndicate:hover {
background-position:-150px bottom !important;
.sexy-email {
background-position:-753px top !important;
.sexy-email:hover {
background-position:-753px bottom !important;


Step 2. Find and remove this code in your blogs template - As before use search bar and start by locating the first line of code.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='ADD YOUR FEEDBURNER FEED URL HERE' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<span class='sexy-rightside'/></div><a href='' target='_blank'>Get This Blog Gadget</a>

Once you have removed these sections of code you can add New Version Share The Love Sexy Bookmarks
If you need more help making th switch leave a comment on the V2 post or use the contact form in the top menu, i'm always glad to help.

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.


  1. I use this plugin on my wordpress blog. It is incredibly handy!

  2. Hi Tom,

    These bookmark sets were originally created for wordpress and there are a few other titles like 'Share the Love'.

    I have so far based this blog on Blogger tutorials but a lot of the gadgets covered are available for Wordpress i might start leaving the link to The W.P. plugins were available.

    Thanks for the comment,


  3. Hi there I have a little problem. I tried this on my test blog and I have the read more facility (it was automatic in my free template) - I put the 2nd piece of code in the post footer section 1 as you suggested - and still on my front page it showed the icons under a summary of the posts as well as at the bottom of my post. How can I stop it from showing on the summary page and just on the main post? Many thanks

  4. Useful information , great post . Thanks for sharing !!

  5. Hi,
    It is a very good and most useful site.Thanks for using your site.

  6. it's beautiful animated sharing tool, i'll try to install it in my temlate. Thanks brother

  7. I have searched the web high and low to find out how to change my sharing is caring text to sharing is sexy. I have uploaded my own image, inserted it where the old one was, and it will not display. Please tell me why? The one I had before had about 5 different sayings, "Sharing is Sexy, Sharing is Caring, Share the Knowledge and Share the Wealth, but I don't know how to change them to the other ones. Please Please help.

  8. awesome man! i search it for a long time... visit

  9. i like your blog very much,well done

  10. Your computer is rattling instructive and your articles are wonderful.
    Buzzinstant Bookmarking

  11. Love the icons but hard to put them on blogger.

  12. Hi I have the old share the love on my blogger blog and have no idea what the html was to search for it and delete it. The one above is not the one I had. Can you help me please as I want to remove it and put a new one that works on.

    Thanks x

  13. Hi I was hoping someone would answer me as I am really stuck here.


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