Skip navigation
VL Branko
VL Branko
Currently Being Moderated

Is there a way to customize a FB like button?

Feb 6, 2013 1:04 PM

I am able to get the FB like button to work on my site but I would prefer to not have the counter. I have seen that some sites are able to display the like button without a counter. Does anyone know how is this done?

 

VL Branko

 

Screen shot 2013-02-07 at 2.25.00 AM.png

402 Views   5 Replies   Latest reply: VL Branko, Feb 6, 2013 5:31 PM
 
Replies
  • bemdesign
    Currently Being Moderated
    1. bemdesign,
    Feb 6, 2013 1:20 PM   in reply to VL Branko
    Report

    Go to: http://developers.facebook.com/docs/reference/plugins/like/ and in the form to generate the "like" button code, select the "standard" layout. If you want to style this even further, you may need to use javascript to changes things up on the page after the Facebook like button is added to your DOM.

     
    |
    Mark as:
  • VL Branko
    Currently Being Moderated
    2. VL Branko,
    Feb 6, 2013 1:42 PM   in reply to bemdesign
    Report

    I have been there and pasted the code to get it going on the site I am working on. So exactly which part of the code

     

    <div id="fb-root"></div>

    <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) return;

      js = d.createElement(s); js.id = id;

      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

      fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));</script>

     

     

    <div class="fb-like" data-href="http://www.anysite.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="segoe ui"></div>

     

    needs to be changed to remove the count?

     
    |
    Mark as:
  • bemdesign
    Currently Being Moderated
    3. bemdesign,
    Feb 6, 2013 1:54 PM   in reply to VL Branko
    Report

    Try this:

    "<div class="fb-like" data-send="false" data-width="450" data-show-faces="false"></div>"

     

    Notice that data-layout="button_count" is not in my version of your code.

     
    |
    Mark as:
  • VL Branko
    Currently Being Moderated
    4. VL Branko,
    Feb 6, 2013 2:35 PM   in reply to bemdesign
    Report

    This is what I get in the "standard" which is even bigger and still has a counter except it is not digital but written out.

    Screen shot 2013-02-07 at 3.59.50 AM.png

     
    |
    Mark as:
  • VL Branko
    Currently Being Moderated
    5. VL Branko,
    Feb 6, 2013 5:31 PM   in reply to VL Branko
    Report

    I solved it using Share This http://sharethis.com

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points