Facebook Like-Button - hide count?

Question

In the setup dialog for the Like-Button, there are only two options for layout:

• 
• 

Unfortunately, the numbers for the website of my employer is nowhere near 22'000, so the powers that be have decided that we should not show the number of "likes" until said number is a little more in our favour. As far as I know, I don't have access to the layout of the button through Javascript or CSS (it's in an iframe served by facebook). Are there any other ways to hide the count?

Answer 1

Adding the following to your css should hide the text element for users and keep FB Happy

.connect_widget_not_connected_text
{
  display:none !important; /*in your stylesheets to hide the counter!*/
}

-- Update

Try using a different approach.

http://www.facebook.com/share/

Answer 2

Just encompass the iframe in a div set the width to the width of button, set overflow to hidden i.e.

<div style="width:52px;overflow:hidden;">
      <fb:like layout="button_count"></fb:like>

      <div id="fb-root"></div>
      <script>
      window.fbAsyncInit = function() {
      FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true,
      xfbml: true});
      };
      (function() {
      var e = document.createElement('script');
      e.type = 'text/javascript';
      e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
      e.async = true;
      document.getElementById('fb-root').appendChild(e);
      }());
      </script>
      </div>

Answer 3

Silly Rabbit is correct. Dont resize the Iframe, that can be deceted from within the page. Use the iframe code provided by facebook at http://developers.facebook.com/docs/reference/plugins/like

then wrap it in a div with height and width and overflow hidden. this cannot be detected from within tha page if you dont have some other facebook javascript or xss reciever stuff on your page