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


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='' 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) {
function() {
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
function() {
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');

And this one too,

<style type="text/css">{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('') !important; background-repeat:no-repeat}{padding:26px 0 0 10px; background-position:left -1148px !important} ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left} 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} ul.socials li:before, ul.socials li:after, ul.socials li a:before, ul.socials li a:after{content:none !important} ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} 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('') 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;;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on'>Share this on</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;;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;;+ 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;;+ 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;;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; &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;;+ 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;; + 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;; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;;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;;+ 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;;+ 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;;+ 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;;+ 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;;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;; + 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;;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>
<div style='clear:both;'/>
<div class='sexy-link'> Widget by <a href='' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='' 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


  • Pingback: » Blog Archive » Add Social Networking Links In Lovely Style This Time()

  • Pingback: Twitter Trackbacks for SexyBookmarks v2 For Blogger | Css Reflex - Design Blog | Web Design | Inspiration and Resources for [] on

  • Pingback: Add Social Networking Links In Lovely Style This Time | tutzone « Artfans Design()

  • Josh

    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!

    • wniizzati

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


  • Mark

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


  • Amanda

    Thank you! I've added this to my blogspot blog and love the look!

  • glenn

    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.

  • Jude

    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

  • BE

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

  • Isaías


    I enchant myself I am going and it to use in my blog.

    Thnks!!! :)
    .-= Isaías ´s last blog ..Plantillas o templates para blogger, 5 sitios muy recomendables. =-.

  • disco

    loving this but… no images
    Your demo link shows no images either
    .-= disco´s last blog ..Amusement Magazine – Revolutionary French Gaming Magazine =-.

    • Naeem Noor

      Thnx for stopping by, the image is showing, if u are still getting trouble seeing it, save the image and upload to your own server.

      • D. Ricks

        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’s usually not working.
        .-= D. Ricks´s last blog ..Devi Dev’s Lost Kanye West Interview =-.

  • D. Ricks

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

    • Naeem Noor

      send me [naeemnur(at)gmail(dot)com] you’re template, i’ll try to fix it

  • muaz

    wow! i just used it for my blog
    watch it out!
    .-= muaz´s last blog ..Promotional Tips For a Wedding Photography Studio =-.

  • Selena

    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? :-)

  • vinay
  • Soumo

    Thanks !
    .-= Soumo´s last blog .. =-.

  • sam

    Loved it!!! great work..

  • robertgall

    is it posible to dont hawe after each post just in the footer or in a vidget? i dont nee it so many times..

  • Teresa Berry

    Love these bookmarks! Thank you for spreading the love! Beautiful work Naeem!

  • Lynn

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

  • Raju

    Thamks for the version 2

  • Priya

    Hey this one is cool too. I added this to my blog. The only prob I see is in IE the images dont popup and png does not remain transparent. You may want to add the png IE fix in this code.
    .-= Priya´s last blog ..One tweet I Surely don’t like – Twitter is over Capacity =-.

  • Gabriela

    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.

  • Pingback: 6 formas de compartir tus artículos en Blogger | Chica Blogger()

  • Whimsical

    Works great, thank you very much!!

  • Whimsical

    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.

  • Whimsical

    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 ;-)

    • Naeem Noor


  • mani4astro

    frnd,i have the done the procedure as you said but the bookmark icons are not visible in my blog( please help me,my blog is a customised template and i also uploaded the image to the tinypic,and used in my blog,what adjustment i have to do ,Please help me..

  • mazhar

    I have added this version2 for my blog and it looks great. thanks for the support.
    .-= mazhar´s last blog ..Learn how to process medical claims automatically =-.

  • Pes Patch

    ohh its works great

  • Designers-House

    all social networks icons pics are went down please reupload them coz the hack not appears
    thank u
    .-= Designers-House´s last blog ..Graphic CG Wallpapers Pack 20 =-.

  • Pes Patch

    HEYY image link doesnt work pleasehelpp

  • Aditya

    the images are not loading.

    please help

  • Chikai

    the image link is broken and i don’t have a backup of that file. can you upload it again? thanks! :)
    .-= Chikai´s last blog ..The Big Apple =-.

  • Mohamed A.El-Kady

    Cool but the images are uploaded to 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.

  • Ziggy

    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? =-.

  • Asad

    Kindly upload this bookmarking icons image again.This link has been deleted by imageshack.

    • Naeem Noor

      the photo has been uploaded here is the link thanks everyone for your patience.

      • Aditya

        It still doesnt show. We just have to point the image link to the new one right?

      • Aditya

        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.

  • eric

    thank you for your tutorial. I have tried to do this and succeed. regard

  • Dufs

    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 :D

  • Dufs

    Thank you very much :D
    .-= Dufs´s last blog ..Bicentennial Man =-.

  • Dufs

    Ah Yeah ! Thank you very much .. it’s working la :D

  • Brittany Landgrebe

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

    • Naeem Noor

      find this code <b:includable id=’comments’ var=’post’> in your template and paste the sexybookmarks code after it.

  • Pingback: The coolest-looking social network plugin | Calvin's Hub()

  • artdeep

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

  • Anamika

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

  • Blogger Template Place

    hey, nice tutor. I will try to put this sexy tool in my converted template.

  • Neeraj

    Hi Naeem,

    I am using the previous version of sexy bookmarks. when i tried to remove that and put the newer version i get error. Can you please help me with it? m sending my template to your email.
    .-= Neeraj´s last blog ..CES 2010 Gadgets – Part I =-.

  • Pingback: 10 Social Bookmarking Widgets Compared()

  • Julie

    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… =-.

  • hadie danker

    It’s Too Nice and Too Sexy….

  • tiraf

    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 !!

  • Naeem Nur

    Fixed the link. Now it should work :D

  • monisiqbal

    Hello Naeem,

    I was using these in my blog and they were working great, but since today the images aren't appearing. I think the hosting server has removed the images folder. Please check.

    Thanks for the good work,

  • Pingback: background position -

  • Naeem Nur

    the post has been updated, please take a look.

  • Pedro Lopes

    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.


  • Pedro Lopes

    Hi again Naeem,

    Problem solved, uploaded the image to imageshack and now works properly.


  • monisiqbal

    Thanks for the reply Naeem. I uploaded these images on my blog as a post and replaced the image links in your post, however the dimensions seem to be incorrect. Any idea?

    This is my blog:

    Much thanks,

  • Naeem Nur

    It will not work with picasa, try

  • monisiqbal

    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?

  • Dinesh

    Thanks for the tips dude.

  • Jess

    Thank you so much!!! I love it!!!
    .-= Jess´s last blog ..Brasil Open Costa do Sauipe Results Tuesday, 9 February 2010 =-.


    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…


  • auramusik

    that was cool : )

  • auramusik

    any widget you have?! : )
    .-= auramusik´s last blog ..Creed – Full Circle =-.

  • Neeraj

    I get the following error after putting the 3rd part of the code in my blog (below ). Please help me!!!!!!!
    .-= Neeraj´s last blog ..Apple’s Official iPhone 3G Unlock =-.

  • Neeraj

    Its working now!. I just added a closed div tag after the ul close tag.

  • haasssser
    • Naeem Noor

      Link fixed.

      • Baris

        Link still broken :

        • Naeem Noor

          The link is now fixed.

  • Visual Killer

    Hey that works great on my blog –
    Have also made some changes to it.
    Tis just great..

  • Pingback: Sexybookmarks v2 pour blogger()

  • Pingback: Cara Mensubmit dan Memfavoritkan Postingan Blog Atau Website di Technorati « Blognya Orang Kampoenk()

  • Miranda

    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´s last blog ..Sure, I can do that! =-.

    • Sweet Mummy @ It’s OK to be WEIRD!

      I am having the same issue. How do I fix that? Thanks for your hard work on this coding. It’s great!

    • Sweet Mummy @ It’s OK to be WEIRD!

      I got mine to work but I’m not even sure how….

  • Andy

    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

  • David

    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?

  • melardenio

    thanks for this post..I have my site working with sharing is sexy…

    thanks mabuhay ka!

    • Naeem Noor

      you are welcome! bro

  • Christen

    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!

  • Jodi

    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 :{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}{height:29px; overflow:hidden}
    .sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url(;) !important; background-repeat:no-repeat}{padding:26px 0 0 10px; background-position:left -1148px !important} ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left} 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} ul.socials li:before, ul.socials li:after, ul.socials li a:before, ul.socials li a:after{content:none !important} ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} 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(;) 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?

  • Jodi

    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?

  • Ufuk

    I can’t find in my template…What can ı do ? please help Thanks..

  • Booya

    There any way you can update the code to include version 3 of sexybookmarks?

  • Ufuk

    İt’s great thank you but I want to change ” Share the love” what can ı do ??


  • Diane Parks

    Thanks, you’ve done a great work developing this and providing such detailed instructions. I really appreciate your work.

  • Vince

    What if the template does not use “”? Any suggestion where to add the codes?
    .-= Vince´s last blog ..How to Make Blogger Template =-.

  • Crono

    i’ve added google buzz on my blog!

    • Naeem Noor

      nice :D

  • AdTimes

    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 ?

  • Sebastian

    Hi, Naeem,
    thank you a lot for your work. I finally did it, as you can see on my blog kLAWtext (http://klawtext or
    One last question: When klicking on the Twitter-Link I always get an error. For example the link is kLAWtext – @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

    • Naeem Noor

      Hi Sebastian,

      it is working fine, i ve just checked in your blog, just replace @NAME with your twitter @username.

  • Ufuk

    ı added my blog…But it’s not appear now .. ı don’t see it now..

    what could be the problem ? :(((

    same problem in this blog :

    thank you for your help !

    • Naeem Noor

      You have to upload the images on a server(e.g or and replace the link with it.

  • Bharath

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

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

    • Bharath

      Hi 1 more problem is raised for v2!

      See My blog at , 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: , (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..!

  • Pes 2011

    Pleaseeeeeeeeeeeee Re upload sexy sprite image plssssssssss eveyone need it

    • Naeem Noor

      New link Added.

      • Bharath

        Hai Naeem, plz reply to the above ques also..

  • arunenigma

    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

    Best Of Luck !!

    • Bharath

      Hey I installed it in my blog by uploading the image into Imageshack. It was working fine with imageshack…!
      But tinypic doesnot supporting it..!

      • Naeem Noor


    • Zahroul

      Thanks for the tutorial. It’s work …

      I – Learn

  • LiderPaylasim

    the images are not loading.

    please help

  • Orhan Gazi

    hi, i dont find tag. I’m using this ( theme. and i want to sexybookmarks show in main post page. Can i how to?

  • Pingback: About Wordpress Plugins | Get Unique Internet Marketing Tips from Susan Carroll()

  • JOHN

    Not able to apply it to my blog please take a look. And thx ya


    ”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 …

  • Pingback: 6 Best Social Bookmarking Widgets for Blogger Blogs | TipsoTricks()

  • Anas Bouhtouch

    Hi Naeem, great job!

    I included your sexyshare in my first open-source blogger theme.
    If you want to take a look go here:

    I would really appreciate a feedback from you! ^_^

    Anas Bouhtouch.

    • Naeem Noor

      Great work, looks sweet! :D

  • maidul

    Hi i found your demo is not showing the sexyBookmarks and in my blogger to.

  • Pingback: Buyer Oriented Media Rooms: The Win – Win – Win (SEO – Publicity – Branding) « Social Josh()

  • matt

    I had the bookmarking wideget installed and working perfectly on our blog. 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

  • Karl98
  • arkimz

    can u give the image of sexy bookmark V1?

  • Nelo

    Work Fine at my blog with secon image (^_^)

    ==> find this link in the second embed html
    and change to <==

    Thanks Matt ;-)

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

  • arnaud

    Do you have a similar widget for blogs hosted by Hubspot ?


  • Georgian Benta

    Thanks a lot ! :) It works great, I’m loving it :D

    Have a beautiful day!

    • Naeem Noor

      Looks nice on your blog :D

  • Vibin

    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”

    • Heather

      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.



  • jorge

    thanks for the help, is just what I was needing and I have a web blogger, thanks …

  • Mandy

    I tried this and it didn’t work. Came up with an error then said the images weren’t available.

  • Pingback: 6 Social sharing, bookmarking buttons for blogspot blogs()

  • Heather from MOHTH

    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: 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: 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!

  • Pingback: Cómo compartir tus post en redes sociales | LAINFORMACION GRATIS ESPAÑOL()

  • Web Design Leicester

    Can this be embedded in a stand-alone website page – i.e. not just a blog?

  • Hakarune

    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 ^_^

  • Julia

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

    • Julia

      Nevermind! I’m an idiot :)

  • Damon

    Thanks. I would love to see this updated to show all of these new social sites:

    • Naeem Noor

      I’m working on the v3 of the SexyBookmarks, will be released soon with awesome features. :)

  • Miss Dosso

    I am having trouble with the second step. where can i locate:

    Please help!

  • Shelly at Tropical Mum

    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.

    • Naeem Noor

      Version 3 is coming up, stay tuned!

  • Kassandra @ Coffee and their Kisses

    Thank you and thanks everyone! I was having an issue, but found the answer in the comments!

  • Tifaine

    I think I am going to wait until v.3. whatever is out so I will be up to date! When can we expect that??

  • Max

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

  • Ramakrishna

    not working…?
    once check my site plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

  • Karl

    Now we need to add +1 for Google Plus

  • How to Blog Blogging Tips

    wow wordpress sexy bookmark plugin is for blogger. really love it.

  • Pierro

    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.

  • مزاريطا

    thanx admin
    and good u site

  • House of script

    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.

  • Yan

    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!

  • Devian

    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?

  • Pingback: Best blogger social media sharing widgets of 2012 | News !()

  • Pingback: Best blogger social media sharing widgets of 2012 | All The World()