Facebook recently added an option to embed any public posts on websites and blogs. At the time of announcement, Facebook has given the embedding superpowers only to a few heavyweights of the web- CNN, Mashable, People, The Huffington Post and The Bleacher Report. If you are a website/blog owner and want to embed a post right now, just for the sake of fun maybe, here is your chance to do it.
If you want Facebook's official method, you will have to wait till Facebook rolls this feature out to everyone, just like Tweets can be embedded by anyone.
How to Embed any Facebook Post on Any Website/Blog:
- Copy the code to embed any facebook post to the page you want to embed the post.
<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>
<fb:post href="FB_POST_URL"></fb:post> - Go to Facebook and find any status update/photo that you want to share.
Time stamp might be present here.. or here... - Find the date stamp of the post you want to embed. Right click on it and select Copy Link Address.
- In the code you copied in first step, replace FB_POST_URL with the url of the Facebook post you copied in step 3.
- The embedded post should look something like the one we have embedded below.
If you want Facebook's official method, you will have to wait till Facebook rolls this feature out to everyone, just like Tweets can be embedded by anyone.