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.

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'>
div.sexy-bookmarks {
height:54px;
background:url('http://2.bp.blogspot.com/_sunpK_FtO1E/SmLCe4iu0zI/AAAAAAAAAIg/ZXGCNjtZby0/s1600/sharing.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks 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;
}

div.sexy-bookmarks 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('http://i44.tinypic.com/1znbj83.png%27') 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;
}

</style>

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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + 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='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div><a href='http://www.spiceupyourblog.com/2010/01/get-animated-sharing-is-caring-social.html' 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.

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

Stay Connected With Free Updates

Subscribe via Email

14 comments:

TomJan 25, 2010 05:44 PM
I use this plugin on my wordpress blog. It is incredibly handy!
Paul CroweJan 26, 2010 08:12 AM
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,

Paul.
leavesnbloomFeb 19, 2010 04:00 PM
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
Budget packages in KanyakumariNov 11, 2010 04:43 AM
Thank you for your blog list.....
Budget packages in KanyakumariNov 14, 2010 06:04 AM
Thank you for your blog list.....
Tours and Travels KanyakumariDec 2, 2010 04:56 AM
Thank you for your sharing.....
Packages to kerala from BangaloreDec 16, 2010 04:33 AM
Useful information , great post . Thanks for sharing !!
jamessonnaDec 24, 2010 03:31 AM
Hi,
It is a very good and most useful site.Thanks for using your site.
PaTutsNamanFeb 21, 2011 07:19 AM
can you please update the image?
idwebhost.com trend hosting indonesiaMar 9, 2011 12:01 AM
it's beautiful animated sharing tool, i'll try to install it in my temlate. Thanks brother
HeatherMar 15, 2011 01:50 PM
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.
Dodi HerudiMay 1, 2011 05:27 PM
awesome man! i search it for a long time... visit http://idoodie.blogspot.com
quality fake BMWMay 20, 2011 07:13 PM
i like your blog very much,well done
Jual Mobil BatamJan 15, 2012 10:36 AM
thanks a lot