How to Embed Facebook Post in easy way

Embed Facebook Post in easy way

If you want to embed Facebook post to your blog or website, Facebook recently introduced this facility using which you can easily embed facebook post in your website or blog in easy way.You can embed videos, facebook status, photographs on another website or blog. For example, if a celebrity has shared a status on his or her Facebook Page, you can easily embed that on your website by adding a single line of code.

 You can embed any content of anyone’s profile but it just has to be public to the world.Though there’s a small catch. Facebook has enabled this Embedded Posts functionality for a handful of big web publishers including Mashable, CNN, and The Huffington Post. Others will have to wait to see that Embed link with their Facebook content.

<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>
<div class="fb-post" data-href="YOUR_PERMANENT_URL_HERE"></div>

You can embed it following some simple steps.Open your facebook account and copy the permanent URL of any post that you want to share on your website or blog. You can find permanent URL by right clicking on date.Then copy that URL and paste it in the snippet above with “YOUR_PERMANENT_URL_HERE”. You have done. Now, you can put this code to anywhere in your website and you will find that your facebook post over there. If you want to add another post, you don’t need to copy paste the entire snippet.Just add a new <fb:post> element and set the value of href as the permanent URL of your Facebook Post.