Responsive Facebook Like Box
Code for Responsive Facebook Like Box. Use your app id and facebook url, edit script for show data stream.
<!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> </head> <body> <div id="container" style="width:100%;"> <div class="fb-like-box" data-href="Your facebook Page Url Here" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div> </div> <div id="fb-root"></div> <script> /* * REMEMBER TO CHANGE TO YOUR APP ID AND CHANGE data-href TO SUIT YOU */ (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_GB/all.js#xfbml=1&appId=your app id here"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); $(window).bind("load resize", function(){ var container_width = $('#container').width(); $('#container').html('<div class="fb-like-box" ' + 'data-href="Your facebook Page Url Here"' + ' data-width="' + container_width + '" data-height="730" data-show-faces="true" ' + 'data-stream="false" data-header="true"></div>'); FB.XFBML.parse( ); }); </script> </body> </html>