How can I add a Facebook Like box to my blog?

Question

I want to add a Facebook Like box similiar to what Mark Suster has done on his blog. It's a like box with the number of fans and a few pictures. The blog I'm putting it into is custom build.

Answer 1

The Like Box is deprecated now. You should use the Page Plugin now, which

lets you easily embed and promote any public Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving your site.

To do this,

1. Go to Page Plugin and configure your page.
2. Click on Get Code

3. Include the JavaScript SDK on your page once, ideally right after the opening body tag.

   <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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>
   

4. Place this code wherever you want the plugin to appear on your page.

   <div class="fb-page"></div>