The previous like box for Facebook Pages has been put down and replaced with another Page Plugin. In the event that you have not physically redesigned the install code for Like box on your site yet, no tension as Facebook has naturally moved all the Like boxes utilizing the old insert code to the new Page Plugin. 

The other difference that you can now only display a solo row of supporter pictures inside the Page Plugin. Why does this matter? The batch shows profile pictures of mutual friends who have liked your Facebook Page and thus, when a casual guest sees a familiar face inside that pile, it is likely to increase their attention in your website.
New-like-box-facebook
Altering this Facebook Page plugin is straightforward as definite in the official documentation. Case in point. For example, if you would not like to show a cover photo, set the HTML5 data attribute data-hide-cover too false in the DIV tag. Setting data-show-face pile to false will hide the row of pictures.
So also, you can join styles to the .fb-page class to redo the external of the Facebook Plugin. For example, in the event that you like the steps style I use here with the Facebook box at Techmenow.co, this is the fundamental CSS code.

<div class=”fb-page”
     data-href=”https://www.facebook.com/User-Id Here”
     data-small-header=”false”
     data-hide-cover=”false”  
     data-show-facepile=”true”
     data-show-posts=”false”>
</div>

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

<style>

  .fb-page, .fb-page:before, .fb-page:after {
    border: 1px solid #ccc;
  }

  .fb-page:before, .fb-page:after {
    content: “”;
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 1px;
    border-top: none
  }

  .fb-page:after {
    left: 4px;
    right: 4px;
    bottom: -5px;
    box-shadow: 0 0 2px #ccc
  }
</style>

<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.4”;
    fjs.parentNode.insertBefore(js, fjs);
  }(document, ‘script’, ‘facebook-jssdk’));
</script>

Change User-Id to your Page ID 

LEAVE A REPLY

Please enter your comment!
Please enter your name here