How To Add Facebook Page feed into your website
We are going to add our facebook fan page feeds to our website. Facebook provides a good tool on adding our facebook page feeds to our website. Here is how:
1. We need our facebook fan page url
https://www.facebook.com/pages/sherkspear
2. Visit the Like Box plugin on facebook developer’s website
1 |
http://developers.facebook.com/docs/reference/plugins/like-box/ |
Insert our facebook fan page url to the textbox and then click the “Get Code” button after setting the height and width and other properties available.
3. After we click the “Get Code” button there will be a popup that will appear as shown below
Here copy the first block of code and add it to your template right after thetag as recommended.
1 2 3 4 5 6 7 8 |
<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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
And next is to copy and paste the second block of code to your template inside a container where you would like it to appear in your page..
1 |
<div class="fb-like-box" data-href="https://www.facebook.com/pages/sherkspear" data-width="275" data-height="220" data-show-faces="false" data-stream="true" data-show-border="false" data-header="false"></div> |
So that’s it. If things are not yet clear to you or you want me to set it up for you, don’t hesitate to ask help from me.. Just click this for a quick response.
Thanks!