Add New Facebook Like Box in Website or Blog

Last time i tackle this problem with simple code & decided to share it with you. Read the post and easily copy and paste some lines change your page name and it's done. You successfully added Facebook Like Box in your Website & Blog.

Today we are showing you how to Add Facebook Like Box or Facebook Page Plugin in your Website or Blog. Which is new like box and Specially designed to lower your load time. This widget is according to the Latest Facebook API V2.3. The last version which shows images, videos and other stuff which increase load time. A guide on how to Reduce Page Load Time & Make Website Faster.

Facebook Developers Updated their Graph API to V2.3. Which is quite better then older version and with quality performance. Old fashion Like box deprecated as mention above they announce new like box / Page Plugin. Which can be customized easily and have multi featured. Either you want to show Cover Photo, liked by whom show faces of people. Cover photo and your profile picture also how much liked you get. So if you are using page old fashioned like box replaced it with new like box.

Facebook New Like Box - Facebook Page Plugin

Facebook New Like Box – Facebook Page Plugin

Steps to Add Facebook Like Box:

  1. First Decide where you want to add this Facebook like box or Facebook page plugin.
  2. Copy the code below to add a Facebook Like box.
        <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/sdk.js#xfbml=1&version=v2.5";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-page" data-href="https://www.facebook.com/facebook" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
  3. Change red text to your page name.

What Facebook Like Box Do ?

Like box are specially designed to grow audience to your Social Media Pages by means of website. They are specially designed to attract visitors and compel them to visit your social media pages too. Add them and grow your audience. Make Your Own Like Box Here.

Advance Parameters of Facebook Like Box.

Data-href:  URL of your Facebook page usually start with Facebook.com/your-page-name.

Data-tabs:  Usually it shows page feed or message box or event in your Page Plugin. Add it like this after data-href. usage – data-tab=”messages”, data-tab=”timeline”, data-tab=”events”

Data-small-header:  If you want to show big header like in picture showing above as example.

Data-adapt-container-width: Default is set to True. Because auto width is better than manual width.

Data-hide-cover: Which is false if you change it to true it will hide the cover photo.

Data-show-facepile: Change it to false will hide the faces of people who like your page.

Data-show-post: This is default false if you want to show posts from your page then set it to true.

Tip for Web Designer: If you enabled show post to true then you will loose performance of your web page.

Read our guide to Reduce Load Time of your Website.

One thought on “Add New Facebook Like Box in Website or Blog

Leave a Reply

Your email address will not be published. Required fields are marked *