34 Brilliant Comments - Join Discussion Now!

• 

  Ricardo

  Posted 86 days ago
  32

  Hello :)
  I wanted to add sexy bookmarks to my site, because I’m doing major remodeling there

  however, I think this post is depreciated, can anyone tell which to use instead of sexy-sprite.png?

  Reply
• 

  nanda

  Posted 89 days ago
  31

  Awesome, sorry i just a newbie… can it use on blogspot?

  Reply
• 

  mahbub

  Posted 94 days ago
  30

  nice one for me…..thanks bossssssssssss

  Reply
• 

  Macheights

  Posted 120 days ago
  29

  Hi I want to add RSS and yahoomail what will be the java code?

  Reply
• 

  Gilla

  Posted 153 days ago
  27

  Thanks for this. I downloaded Aurochs code and it didn’t work, then i copied the images directory into the css directory, it worked for me. tested on chrome.

  Reply
• 

  RJ

  Posted 168 days ago
  25

  Sexy seems to be going PC (politically correct – not the machine).

  With the latest version from Shareoholic (sexybookmarks.4.0.5.6), all css class names in the above HTML code need to change ‘sexy’ to ‘shr’. Also, the class name for google has to be modified from ‘…-google’ to ‘…-googlebookmarks’.

  As far as IE goes, force the document mode out of Quirks mode and into IE7+ mode:
  This example forces the doc mode into IE9:

  Cheers.

  Reply
• 

  RJ

  Posted 168 days ago
  26

  …aaaand here’s that sample code for IE again (since the full metatag was not allowed in my last post):
  [the tag carets have been removed]
  meta content=’IE=EmulateIE9′ http-equiv=’X-UA-Compatible’/

  Reply
• 

  Mike

  Posted 184 days ago
  24

  This is a nice way to use this plugin in html or custom php sites

  Reply
• 

  Martin Lapietra

  Posted 202 days ago
  23

  If you are interested please check it out and let us know what you think.

  Reply
• 

  GökTürk

  Posted 204 days ago
  22

  thanks bro.
  great sharing.

  example : http://www.webustalari.com/forum/index.php

  Reply
• 

  Webdesigner

  Posted 217 days ago
  21

  Hi, i like the concept of this a lot, but i see some comments about this not working in IE.
  Is there an updated tested and working example somewhere?

  Would love to use Sharing is sexy for my upcoming website.

  Reply
• 

  Alexander

  Posted 251 days ago
  20

  I´m to silly to do so… It doesn´t work. God dammit!

  can anybody send me all scripts? i hope i have include the css commands correctly in my main-css-style… or i have to seperate in 2 css files?

  Reply
• 

  dan

  Posted 304 days ago
  19

  yes this does not work in IE9 or IE8. Unless that gets fixed it almost useless. over50% of my web traffic still uses IE.

  Reply
• 

  Ian

  Posted 373 days ago
  16

  Hi,
  Perhaps somebody could point me in the right direction.

  What is: step 1, b) “Download the core file of jQuery framework, then place it into js directory” ?

  I’m new to Query and I don’t know what the “core file of jQuery framework” is or where to dl it. Any help would be greatly appreciated because I badly want this bookmark. Thanks!

  Reply
• 

  alex

  Posted 335 days ago
  18

  jquery is a javascript library that enables many new ways of how javascript can be used.

  download it here: http://docs.jquery.com/Downloading_jQuery#Download_jQuery – and then upload the .js file (e.g. “jquery-1.5.1.min.js”) onto your website.

  hope this helps.
  alex

  Reply
• 

  Felipe Rocha Machado

  Posted 452 days ago
  15

  I’ve noticed that the sharing only worked for the first time you clicked on a button. On a second click, it would concatenate again the “sharing” href… Here is a corrected version of the function. I’ve added the following prior to running the case statement over the “socials”:

  if($(this).attr(“again”)!=”yes”)
  {
  $(this).attr(“again”,”yes”);

  here is the complete code for the function:

  /*
  click handler for SexyBookmarks
  Credit: Cao Phong – http://www.JavaScriptBank.com
  Please keep this creadit when you use this code
  */
  jQuery(‘.sexy-bookmarks a.external’).click(function() {
  var url = encodeURIComponent(window.location.href), desc = ”;
  if( jQuery(‘p.sexy-bookmarks-content’).length ) {
  desc = encodeURIComponent(jQuery(‘p.sexy-bookmarks-content’).text());
  }
  if($(this).attr(“again”)!=”yes”)
  {
  $(this).attr(“again”,”yes”);
  switch(this.parentNode.className) {
  case ‘sexy-twittley’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url + ‘&desc=’ + desc + ‘&pcat=Internet&tags=’;
  break;
  case ‘sexy-digg’:
  this.href += ‘?phase=2&title=’ + document.title + ‘&url=’ + url + ‘&desc=’ + desc;
  break;
  case ‘sexy-twitter’:
  this.href += ‘?status=RT+@your_twitter_id:+’ + document.title + ‘+-+’ + url;
  break;
  case ‘sexy-scriptstyle’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url;
  break;
  case ‘sexy-reddit’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url;
  break;
  case ‘sexy-delicious’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url;
  break;
  case ‘sexy-stumbleupon’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url;
  break;
  case ‘sexy-mixx’:
  this.href += ‘?title=’ + document.title + ‘&page_url=’ + url + ‘&desc=’ + desc;
  break;
  case ‘sexy-technorati’:
  this.href += ‘?add=’ + url;
  break;
  case ‘sexy-blinklist’:
  this.href += ‘?Action=Blink/addblink.php&Title=’ + document.title + ‘&Url=’ + url;
  break;
  case ‘sexy-diigo’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url + ‘&desc=’ + desc;
  break;
  case ‘sexy-yahoobuzz’:
  this.href += ‘?submitHeadline=’ + document.title + ‘&submitUrl=’ + url + ‘&submitSummary=’ + desc + ‘&submitCategory=science&submitAssetType=text’;
  break;
  case ‘sexy-myspace’:
  this.href += ‘?t=’ + document.title + ‘&u=’ + url;
  break;
  case ‘sexy-facebook’:
  this.href += ‘?t=’ + document.title + ‘&u=’ + url;
  this.attr(“again”,”yes”);
  break;
  case ‘sexy-designfloat’:
  this.href += ‘?title=’ + document.title + ‘&url=’ + url;
  break;
  case ‘sexy-devmarks’:
  this.href += ‘?posttitle=’ + document.title + ‘&posturl=’ + url + ‘&posttext=’ + desc;
  break;
  case ‘sexy-newsvine’:
  this.href += ‘?h=’ + document.title + ‘&u=’ + url;
  break;
  case ‘sexy-google’:
  this.href += ‘?op=add&title=’ + document.title + ‘&bkmk=’ + url;
  break;
  }
  }
  })
  });

  Reply
• 

  Sol Dlvega

  Posted 467 days ago
  14

  I put on my web and IE its not working, how can i do to make it work??
  thank you

  Reply
• 

  Bud

  Posted 495 days ago
  13

  Can anyone offer a suggestion how to get the URL and other content into the requests?

  Reply
• 

  Aurochs

  Posted 523 days ago
  11

  Hello and thanks a lot for this great feature. I did embed the js code into my template page with Drupal.
  It’s much easier to use it for drupal than the buggy module created for drupal i think.

  For all those who cant find the autocentering feature

  pls look into below files with the code – all corrected, no need to correct anything a sper the last sexy bookmrk version.

  js code sample with autocentering – i took from the demo page

  Download corrected code http://www.yourfilelink.com/get.php?fid=570980

  Reply
• 

  Alex

  Posted 354 days ago
  17

  Thanks a lot for the corrected code! You save me a lot of time. :)
  Best regards, Alex from Freiburg

  Reply
• 

  yossi

  Posted 127 days ago
  28

  thank you so much +1

  Reply
• 

  Andrew

  Posted 582 days ago
  10

  I’m trying to add sexybookmarks to a vBulletin discussion board to replace the default “social bookmarks” box at the bottom of threads. I’ve managed to get sexybookmarks to appear in the right place, but the icons are not correct for each link; I suspect this is because the version of shr-sprite.png is out of sync with the link code in your example.

  Could you show how the .js and link list are supposed to be updated when the sexybookmarks developer updates his product?

  Reply
• 

  Dez

  Posted 587 days ago
  9

  Hello there, i’ve followed your tutorial and managed to implement it and see the actual result in Mozilla (url’s are not generated tho, working on it).

  I am also wondering if you have found a solution to the Internet Explorer problem. If not, does anyone know how to disable it if users browser is IE.

  Thanks in advance, great tutorial.

  Reply
• 

  aussiecriminals

  Posted 605 days ago
  8

  Hi I have a wordpress.com crime blog and would love to have this one mine.I followed all the instructions and nothing appears. The only thing I might have got wrong is the exact spot to put the js/sexy-bookmarks-public.js file in. AS the following says( place JavaScript code lines below after autocentering feature) is that at the end? it is the only reference I see to auto centre in the js file? Any help much appreciated…Cheers

  Reply
• 

  Syscl

  Posted 631 days ago
  7

  one thing i notice in the newest version is that it use shr-blabla instead of sexy-blabla in the CSS classes.. so i just replace those, and your code works seamlessly.. ;) Thank you very much..

  Reply
• 

  Jimmy Talkington

  Posted 720 days ago
  6

  b) Download the core file of jQuery framework, then place it into js directory

  Where do I get that at?

  Reply
• 

  Jen

  Posted 722 days ago
  5

  Interesting. Like some of the others here, not sure I’d use it as it does seem a bit on the heavy side, but interesting concept. Might have to try out my own version to see if I can’t get the bulk down.

  Reply
• 

  e11world

  Posted 724 days ago
  2

  This is really nice and I will definitely use this technique in the future.

  Reply
• 

  Michal Kozak

  Posted 724 days ago
  1

  As I like it to see on other people’s websites :), I would never implement it on my own for two reasons:

  1) it’s based on jQuery
  2) the whole thing it’s really heavy (jQuery itself here is ~50kb)

  About first argument: Don’t get me wrong, I don’t have anything against jQuery. But it’s just not efficient to use it if what you’re gonna do is couple simple things. You’ll use only several jQuery functions – but the browser still has to download the whole library.

  About second argument: I believe everything is clear here. :)

  That’s why I’m so big raw JavaScript fan.
  .-= Michal Kozak´s last blog ..michalkozak: http://goo.gl/sQEB – Creating a Furry Possum in Photoshop, very nice tutorial. =-.

  Reply
• 

  Saad Bassi

  Posted 723 days ago
  3

  I totally agreed with you. But you know javascript is hard to learn from a beginner’s point of view. One can easily use jquery. I agree with you that If you are using jquery for some simple things then better to do it with javascript to decrease the page load time.

  Reply
• 

  Michal Kozak

  Posted 723 days ago
  4

  Hi Saad, thanks for reply :).

  I’ll tell you more. You absolutely have to point with learning from scratch for beginners. Actually some people see JS as easy script language and connect it with some pop-up and blinking stuff on your page – when the truth is, JavaScript is actually object-oriented programming language with huge potential. But that comes with experience from working with it.

  But I’ll tell you more – I dare to say it’s >always< better to use raw JavaScript. Especially if your app/program is quite big and complicated.

  Why do I think is that? Because raw JavaScript will always, always be faster than any js-library out there. For example, what looks simple in jQuery, the $ function that grabs an element from the document – is not so simple. There are couple things happening before the element is returned to you. And with raw JS is simple document.getElementById for example. It's not efficient, imagine that you have like 50 of this $ jQUery function.

  Good example – Drawter developer realized that (http://drawter.com/) and changed all the $ to raw JS functions. It speeded up the app a lot.
  .-= Michal Kozak´s last blog ..michalkozak: http://goo.gl/sQEB – Creating a Furry Possum in Photoshop, very nice tutorial. =-.

  Reply
• 

  Aurel

  Posted 508 days ago
  12

  You guys still live in the 90′s, when 50kb was the end of the world for a dial-up modem connection. 50kb is like one image of your best friend drinking beer on Facebook. A video on Youtube weights tens of Mb.

  Reply

Get Our RSS Feed For Free!

21,715 Subscribers

What Is RSS? Check other subscription options!

Help Us & Leave Feedback!

• Do you have an excellent article idea you would like to read about here? Share it!
• Do you have some interesting tips how we could improve our site?
• Something missing here? Help us make this blog a better place, leave feedback!