How to customize Facebook Like Box ?

The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.


Below is the code used to get this done, here a jsfiddle for it.

#fb-root {
    background: #f9faff;
    border: 1px solid #031f34;
    width: 293px;
    height: 155px;
    position: absolute;
    padding: 5px 8px 0px 0;

<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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" style="overflow:hidden;height: 150px;" data-href="" data-height="214" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

Hope this helps.