HOW TO CHANGE TO FASTER FACEBOOK LIKE BOX

Custom Facebook Like Box - Recently Facebook updating most of their widgets, and style of Facebook Like Box becomes more modern with showing page cover on the widget.

With the embedded HTML5's default code, the JavaScript will make your site more heavier. So we are gonna change that to custom script which is more faster on page loading.

FACEBOOK DEFAULT SCRIPT

<center><div class="fb-page" data-href="https://www.facebook.com/YOURFACEBOOK" data-width="300" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></center>

Changeable:

YOURFACEBOOK : Change it to your facebook page name [There is one].

FACEBOOK CUSTOM SCRIPT

You can change to this and delete the previous script on your site template.

<center><script type="text/javascript">
//<![CDATA[
document.write('<iframe src="http://www.facebook.com/v2.5/plugins/page.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FNM7BtzAR8RM.js%3Fversion%3D41%23cb%3Df37a7397d8%26domain%3DYOURDOMAIN.COM%26origin%3Dhttp%253A%252F%252FYOURDOMAIN.COM%252Ff1f37dc2f8%26relation%3Dparent.parent&amp;container_width=300&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FYOURFACEBOOK&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=false&amp;show_posts=false&amp;width=300" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" style="border: none; visibility: visible; width: 300px; height: 250px;" class=""></iframe>');
//]]>
</script></center>

Changeable:

YOURDOMAIN.COM : Change it to your domain name [There is two].
YOURFACEBOOK : Change it to your facebook page name [There is one].