SexyBookmarks v2 For Blogger

Sexy bookmarks for Blogger v2
Sexybookmarks for Blogger v2

I being a blogger user for quite a long time, still love to give back to the community one way or other. This time again, I have tried to give back to the community by making the new version of Sexy Bookmarks compatible with blogger. The Sexy Bookmarks V1 was a huge hit and many folks are still using it. I feel really happy and thankful to all who supported me last time. Looking forward for same support this time also. Hope you like this new version.

You may be interested in these older posts
13 Magnificent Free WordPress Portfolio Themes
15 Free Awesome Social Bookmark Icons Sets
5 Essential Google Cheat Sheets Which Surely Will Come in Handy

Update: 27/Jan/2010

Preview

See the Demo Here

Now, Lets begin.

NOTE: !Before changing your template, don’t forget to backup your template and your widgets!

1. First, of course go to your template editor and tick the “Expand Widget Template”.
2. Put the following code before </head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
</script>

And this one too,

<style type="text/css">
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz: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-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img717.imageshack.us/img717/3006/sexyspritenew.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>

3. Now Put the below code after <data:post.body/>

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='sexy-link'> Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a></div>

I no longer host the images on my server due to limited bandwidth please kindly upload the images on your own server and replace the links.
Mirror 1

165 thoughts on “SexyBookmarks v2 For Blogger”

  1. Pingback: tech+outpost.com » Blog Archive » Add Social Networking Links In Lovely Style This Time
  2. Pingback: Twitter Trackbacks for SexyBookmarks v2 For Blogger | Css Reflex - Design Blog | Web Design | Inspiration and Resources for [cssreflex.com] on Topsy.com
  3. Pingback: Add Social Networking Links In Lovely Style This Time | tutzone « Artfans Design

  4. Dude you are the man!

    I’ve been redirecting a TON of traffic from people who kept asking me if I was going to update the Blogger version… Nobody seemed to understand that I didn’t do it! haha

    I’m glad you were able to get the new version to work with Blogger, I’m sure this one will be an even BIGGER hit!

  5. I'd like to use the 'Sharing is Caring' image rather than the 'Share the Love!' image – is it possible to change this?

    Thanks!

  7. Hi there! This is so awesome! However, I'm having a problem with the TWEET THIS button. Whenever I click it, it just gives me this – "READING: GLICH" Please help me.

  8. No images are showing up! i checked on amanda’s blog even there the images are not showing up. I checked on firefox,netscape,ie and flock. Any help would be appreciated

  9. it’s invisible bookmarks button ? why?
    .-= BE´s last blog ..Tonsillitis (Tonsils)- Chronic Tonsillitis Symptom And Home Treatment =-.

  13. what image should we upload to our own server to get the bookmarks to show? I’ve tried the sexyshare.png but when i upload it and reference it in the xhtml coding…the icons come up as very choppy and not all of them show or fuction right. I love this hack, it’s very essential to my site’s design but it only works for like 3 hours out the entire day..it’s usually not working.
    .-= D. Ricks´s last blog ..Devi Dev’s Lost Kanye West Interview =-.

  15. This become a big headache for me lol. Although I dont really know any coding, I’ve been trying my best to trouble shoot and get the blank images to show. Version 1 works perfect and I wouldn’t mind using that one..but for some reason the bookmarks appear mid post on posts that I have large pics in…so I reverted back to Version 2. I’m willing to pay you to help me get this great hack to function properly. Let me know 🙂
    .-= D. Ricks´s last blog ..Video: GLC – "Clockin’ Lotsa Dollars" + "I Ain’t Even On Yet" Live =-.

  18. This is great. Is it possible to put the “email this” icon in place of the Mixx icon and lose the LinkedIn icon? I have no idea how I would do this … can you help me? 🙂

  24. Hye Naeem, I installed the bookmarks previously & it goes fine. But when I added picture gallery, it went wrong. I cannot see the thumbnails. Please help.
    .-= Lynn´s last blog ..My White Sofa =-.

  27. I loved this widget, but when I try to install it the sliding images on my site stop to work. Can you help me with that?

    Best regards.

  28. Pingback: 6 formas de compartir tus artículos en Blogger | Chica Blogger

  29. so, you still use Classic template?
    I`m using new version of Blogger, but I didn`t like the new version of comment form..
    the flow of the image and the newline, make me sick..
    then, i went back to the old comment version..

    🙂

  31. Hmm, this was working all really well and then for some reason (not sure why) it all stopped working. First the images stopped displaying. I had already downloaded copies of those and put them onto my own hosting, and I edited the css to change the file path to the new one. The images then displayed, however only one line of buttons showed up and it had stopped expanding etc.

    Tis a mystery.

  32. ooops.. disregard my last comment, now that I have the correct file path to the script in, it is working LOL
    sheesh, I feel so embarrassed now lolol 😉

  41. Cool but the images are uploaded to imageshack.us and the hell its providing a limited bandwidth for free users, This means that all my visitors will be able to see this add-on only for limited period. Now, i am planning to re-upload these photos on another website. We wish if the author had uploaded these photos on a better website.

  42. Can someone re-upload the background image for the icons? I would hate to get rid of this great script.
    .-= Ziggy´s last blog ..Need Some Extra Money? =-.

  46. Hey Sorry for the earlier post. I worked around with the code a bit and now its working. 🙂

    But it only shows share the love text.

    How do i get Sharing is sexy. eventhough the source image has all variations but i cant seem to change the text.

  48. Hi Sir Naeem! Well, What if the space for my blogpost is smaller .. can you make any adjustments for it? Thank you very much .. and there are two .. Please help me, I know you’re good in resizing 😀

  51. Hi! Thank you so much for making SexyBookmarks V2 available for blogger! I write for a WordPress blog too, and have been lusting for the plugin for ages lol.

    I do have a question, however. I’m not entirely sure where to add the coding on my posts, because I use page cuts (the read more button in the middle of each post). Right now the bookmarks are showing up right before the cut. When I click to read more they move to the bottom, but I’d like them hidden unless one clicks to read the entire post.

    If you could point out where the coding should be to get underneath the cut, that’d be great.
    .-= Brittany Landgrebe´s last blog ..Major Changes Will Be Afoot =-.

  52. Pingback: The coolest-looking social network plugin | Calvin's Hub

  53. my bookmarks seems to appear on the main page..how do i want to make it appear after the read more??

  55. I have put it on my Gemstone Blog and it looks good. Thanks for sharing!
    .-= Anamika´s last blog ..Yellow Sapphire Gemstone =-.

  58. Pingback: 10 Social Bookmarking Widgets Compared

  59. Hi Naeem…thank you so much for doing this for us bloggers. Just wanted to see if there was any way to add the EMAIL icon/link back to this version?? I’ve figured out how to get it there (by snatching it from version 1), but the icon is the MySpace one, for some reason, LOL. I can’t figure it out. :o) I just need the EMAIL icon. Any help?? Thank you!
    .-= Julie´s last blog ..TEACHING & GUINEA PIGS… =-.

  61. hey pls upload new images as its not working bro !! or provide me image direct link as i m not able to download from mydatanest, downloaded file is corrupted help me !!

  64. Pingback: background position - StartTags.com

  66. Hi Naeem,

    I downloaded the zip file, put the files in a public folder of picasaweb, problem is the buttons still doesn´t appear, i can access the image through the browser though, any ideas?

    The link is only one, isn´t it? that of wallheaven, since i removed the two lines of the sexy arrow.

    Thanks for your help and time.

    Regards.

  70. wow wow, you made my day again. Much Thanks.
    btw. one suggestion, why don't you use the data:post.url in the twitter share?

  73. Hi All

    Some tweaks…

    1. Changing “Share the Love” to “Sharing is Caring”

    Find the text ‘-1148px’ in the code you pasted before </head>. Replace it with ‘0’. Vary the value to get other messages. Play with it…

    2. Changing the order of the buttons

    In the code you pasted after ‘<data:post.body/>’, there will be sections starting with <li and ending with </li>. Rearrange the sections.

    Hope this helps…

    _ATOzTOA

  83. Pingback: Sexybookmarks v2 pour blogger
  84. Pingback: Cara Mensubmit dan Memfavoritkan Postingan Blog Atau Website di Technorati « Blognya Orang Kampoenk

  85. Love the bookmarks – but one problem. The “Tweet This” button isn’t working – click it and it only posts “Reading: It” I have NO idea how to fix this – I don’t even know if the other buttons are working besides Stumbleit and facebook (they’re fine). Feel free to email me, or comment on my blog with your reply… thanks!!
    ~Miranda
    http://itsawwightmama.blogspot.com/
    .-= Miranda´s last blog ..Sure, I can do that! =-.

  86. Can’t find the expression “” in my template! Where is that? Really neeeed this buttons. Can someone help me?
    Or do I have to use a certain template?
    Or do I have to put it in every single HTML of every single comment?
    Best regards from Germany

  87. I managed to get the code installed ok but the image file: sexyspritenew.png seemed to be wrong and contained a very long row of very small icons – is this right?

  90. Absolutely fabulous! Thank you so much! I went in the CSS codes and removed the links to the social networks I didn’t want and rearranged some of them and now I’m very happy with it! You rock!

  91. This is not working on my blogger template at all, can I please get some help. I have all images uploaded, and the url’s to the images are correct but nothing shows now. Can you please help me. I don’t have it on my blog because it was not working. but here is what I have on the :

    div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
    div.sexy-bookmarks-expand{height:29px; overflow:hidden}
    .sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url(http://i149.photobucket.com/albums/s57/776J/sexytrans.png😉 !important; background-repeat:no-repeat}
    div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
    div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
    div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
    div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
    div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
    div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
    .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz: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-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url(http://i149.photobucket.com/albums/s57/776J/sexyspritenew.png😉 no-repeat !important;border: 0;outline: none;}
    .sexy-digg{background-position:-980px bottom !important}
    .sexy-digg:hover{background-position:-980px top !important}
    .sexy-reddit{background-position:-700px bottom !important}
    .sexy-reddit:hover{background-position:-700px top !important}
    .sexy-stumbleupon{background-position:-630px bottom !important}
    .sexy-stumbleupon:hover{background-position:-630px top !important}
    .sexy-delicious{background-position:-1190px bottom !important}
    .sexy-delicious:hover{background-position:-1190px top !important}
    .sexy-yahoobuzz{background-position:-1120px bottom !important}
    .sexy-yahoobuzz:hover{background-position:-1120px top !important}
    .sexy-blinklist{background-position:-1260px bottom !important}
    .sexy-blinklist:hover{background-position:-1260px top !important}
    .sexy-technorati{background-position:-560px bottom !important}
    .sexy-technorati:hover{background-position:-560px top !important}
    .sexy-myspace{background-position:-770px bottom !important}
    .sexy-myspace:hover{background-position:-770px top !important}
    .sexy-twitter{background-position:-490px bottom !important}
    .sexy-twitter:hover{background-position:-490px top !important}
    .sexy-facebook{background-position:-1330px bottom !important}
    .sexy-facebook:hover{background-position:-1330px top !important}
    .sexy-mixx{background-position:-840px bottom !important}
    .sexy-mixx:hover{background-position:-840px top !important}
    .sexy-scriptstyle{background-position:-280px bottom !important}
    .sexy-scriptstyle:hover{background-position:-280px top !important}
    .sexy-designfloat{background-position:-1050px bottom !important}
    .sexy-designfloat:hover{background-position:-1050px top !important}
    .sexy-newsvine{background-position:left bottom !important}
    .sexy-newsvine:hover{background-position:left top !important}
    .sexy-google{background-position:-210px bottom !important}
    .sexy-google:hover{background-position:-210px top !important}
    .sexy-comfeed{background-position:-420px bottom !important}
    .sexy-comfeed:hover{background-position:-420px top !important}
    .sexy-linkedin{background-position:-70px bottom !important}
    .sexy-linkedin:hover{background-position:-70px top !important}
    .sexy-friendfeed{background-position:-1750px bottom !important}
    .sexy-friendfeed:hover{background-position:-1750px top !important}
    .sexy-link{ margin-left:25px; float:left}
    .sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}

    So WHAT am I doing wrong?

  92. Okay blogger is changing my script when I save the template, it does not keep the correct script it changes itself, now how weird is that. I hate blogger, lol! But I need help please, because I would really love to use this. And the images for the bookmarks etc., iare not working either they show up as all in one image. So what am I doing wrong with the bookmark images?

  101. I’m french, this widget doesn’t work now
    It was perfect since 2 weeks and now it’s a problem

    Why we can’t see icons ?

  102. Hi, Naeem,
    thank you a lot for your work. I finally did it, as you can see on my blog kLAWtext (http://klawtext blogspot.com or http://www.klawtext.de)
    One last question: When klicking on the Twitter-Link I always get an error. For example the link is http://twitter.com/home?status=Reading: kLAWtext – http://klawtext.blogspot.com/2010/06/drei-seiten-unsinn-von-der.html @NAME #4812025604286677553
    What doesn´t work is the part “@NAME #4812025604286677553” – if you cut that part off, it works. But I do not see a possibility to change that in my settings.
    Do you know how to solve this problem?
    Thank you very much in advance for your assistance.
    All the best
    Sebastian

  106. Hi Thanx Dude 4 the Widget.
    need a small info:
    I placed this in by blog, stuffadda.blogspot.com

    It is showing ” Share the Love” caption
    but I want to change to “Sharing is Sexy” or others..
    How to change that….?

  107. Hi 1 more problem is raised for v2!

    See My blog at stuffadda.blogspot.com , This widget is perfectly fitted in Blog Posts. But the Slide show in the Home is not working.

    So I put the V1 widget in a sample blog: trashhhh.blogspot.com , (Same Template) the slideshow is working fine. The widget is also fitted. But I made the Social bookmarks in TWO ROWS so the Caption “Sharing is Caring” is covered by the First row and it is not VISIBLE.

    Plz help me..!

  110. Hi Folks, The problem is simple, for all of those for whom the tutorial is NOT WORKING, the reason is

    1) Don’t upload the images in ImageShack or Photobucket or tinypic or even Picasa coz the images are of higher resolution.

    2) So, upload the images in Imgur.

    3) Now copy the direct link and add it to the code.

    Sexy Bookmarks will surely function 100 %.

    But remember don’t upload the images in any other Image hosting other than IMGUR !!

    Note : I have installed the Sexy Bookmarks successfully in my blog

    http://www.arungeek.blogspot.com

    Best Of Luck !!

  117. Pingback: About Wordpress Plugins | Get Unique Internet Marketing Tips from Susan Carroll

  119. ”I no longer host the images on my server due to limited bandwidth please kindly upload the images on your own server and replace the links.”

    Which codes must I change ? Show me please …

  120. Pingback: 6 Best Social Bookmarking Widgets for Blogger Blogs | TipsoTricks
  124. Pingback: Buyer Oriented Media Rooms: The Win – Win – Win (SEO – Publicity – Branding) « Social Josh

  125. Hello,
    I had the bookmarking wideget installed and working perfectly on our blog. http://solihullcollege.blogspot.com/ but as of monday the images are no longer being displayed. Unfortunately i do not have the time to trawl through the code. if someone can explain why the images are not displayed that would be fantastic.
    Please advise.
    Thanks in advance
    Matt

  130. Pingback: Blog lập trình Tink30B » Blog Archive » Add AutoHiding Social Bookmarking [Sharing is Sexy/Caring] Widget To Your Blog

  134. For those who want to change the text “share the love” to “sharing is caring”
    Go to blogger’s edit html
    open find(Ctrl+F) and type “1148” and change it to “750”
    This will result in transforming “share the love” to “sharing is caring”

  137. How do I change it to sharing is sexy? I was able to do that and change it to sharing is caring, but want to change it again to that one.

    TIA

    Heather

  140. Pingback: 6 Social sharing, bookmarking buttons for blogspot blogs

  141. Ok, so I searched thru all the comments to see if my comment was answers.
    I successfully use sexy bookmarks, (your version) on my blog: http://mommyonlyhastwohands.blogspot.com Works great.
    But I am trying to upload a new template to that blog, so I have a test site, and sexy bookmarks does not seem to work on this test site without messing up my menu links at the top and my carasell of pictures that you see below the menu.

    Any thoughts?

    This is the test site: http://bottlefullofthoughts.blogspot.com/ You will see that the only link at top that works is “Home”, the other links disappear when this code is added, and the carousel does not work either. Stuck on just one image.

    If I remove the top part of the coding for sexy bookmarks, the menu and carasell work. So I tried placing the top part of the code in different sections above and nothing worked. I would really like to use this template in conjuction with sexybook marks.
    Can you help?

    I will email you my template to work with?

    Much Thanks,

    And Thank you for making such a great widget!

  142. Thanks for all your stuff Naeem… 😉

    All work fine, but I have a problem when I paste the SexyBookmarks Code after this

    Some white lines appears,… this is very disgraceful 🙁
    Can you help me to resolve this… because I have really no idea.

    Please, take a look on my blog here:
    http://boostyourchannel.blogspot.com
    And on this page to see directly the problem:
    http://boostyourchannel.blogspot.com/2011/02/free-youtube-templates.html

    Thank you.

  143. Pingback: Cómo compartir tus post en redes sociales | LAINFORMACION GRATIS ESPAÑOL

  145. Hey dude thanks a ton. I was able to use this as the base for a website adaption and make it work. thanks a ton!! Saved me the hours of working on it myself ^_^

  146. Having a terrible time doing this. It shows up, but only as some goofy lines or as a dropdown menu of text. *Sigh*

  151. After some fiddling and after following some of the follow-up advice in the comments, I was able to get this working. Thanks for sharing this.

    Would love to see the Google+ added to this and perhaps the mail subscribe link in future versions.

  155. Hi,i use this on my site.But after i use it my featured slider stop working.I delete forst line of the codein script http://code.jquery.com/jquery-latest.js and it starts working again.For now this bookmarks works also,which is weird .Can you tell me is it important this first line and if it is.Can you tell why its in conflict whit my slider ? And how to fix that ? thanks

  159. Valid points you are sharing here. A blog is a very powerful platform you can use to build long-lasting relationships with your readers and keep them coming back for more.

    Thanks for sharing your insights.

  161. wow, great resource, i’m using it on my wordpress blog to, but the blogger its might need some more improvement, coz i see many bug’s here, but i’m really apreciated, this really facinating.
    thanks for this great resource.

  162. Hmm… I’ll try this one out. I’ve been trying to figure out how to add this cool stuff on my blog. Fortunately, I’ve found this guide. Thanks a lot!

  163. Hi, this is really nice, however, I’m working on a html website (not a blog), is there a way to make it work on it?

  164. Pingback: Best blogger social media sharing widgets of 2012 | News !
  165. Pingback: Best blogger social media sharing widgets of 2012 | All The World

Leave a Reply