xfbml · fb:like — Facebook Read Eval Log Loop

<h1>Defaults</h1>
<fb:like></fb:like>

<h1>Explicit href</h1>
<fb:like href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Custom Font</h1>
<fb:like font="trebuchet ms" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Disable Faces</h1>
<fb:like show_faces="no" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Button Count</h1>
<fb:like layout="button_count" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Narrow</h1>
<fb:like width="200" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Narrow no faces</h1>
<fb:like width="200" show_faces="no" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Recommend</h1>
<fb:like action="recommend" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<h1>Dark</h1>
<div style="background-color: black; padding: 10px;">
  <fb:like colorscheme="dark" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>
</div>

<h1>Dark Button Count</h1>
<fb:like layout="button_count" colorscheme="dark" href="http://www.fbrell.com/xfbml/fb:like"></fb:like>

<script>
  
  FB.Event.subscribe('edge.create', function(href, widget) {
    Log.info('You liked ' + href);
  });
</script>

// Output will appear here. Press Cmd+Enter to run.

Log

Loading SDK...GitHub

App ID

Server

Version

Locale

Log Level

View Mode

Auto Init SDK

Auto Status Ping

Frictionless Requests

Custom Login Button