How to Embed Facebook Posts in Blogger

Competition leads to innovation, but in the world of social media and online networking, one has to keep the balance of unique ideas and bringing in what your competitors are already offering to the users. There is certainly no room for being left behind in the war of innovation and that is why, Facebook, like Twitter, recently introduced post embedding which allows the user to embed Facebook posts to a major platforms including Blogger. The feature, which is currently in a sort of ‘beta’ stage, came out this Wednesday and is being improved and finalized currently.

Title image

The embedding will work for all sort of Facebook ‘public’ posts like photos, videos, status updates as well as hashtags. The full functionality is however currently limited to Mashable, Bleacher Report, CNN, Huffington Post and PEOPLE only. Others can use the method described below to get going.

Let’s take a look at the procedure for Googel's Blogger.

Step #1: Getting the URL of a Facebook Post

The permanent URL of a Facebook post can be taken from the address bar or by right-clicking the Date/Time tag with a post and clicking on Copy Link Address (Copy shortcut for IE).

How to Embed Facebook Posts in Blogger

Step #2: Getting the Embed Code Ready

Copy the code below. Replace the POST_LINK with the URL of your post.

Code Snippet:

<div id="fb-root"></div>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<fb:post href="POST_LINK"></fb:post>

Step #3: Embedding

This is the final step. If you have a blog published on blogger you must already know the Edit HTML section. You can paste this code anywhere inside the HTML of your current post.

As you can see below, I am placing the code right at the end of the HTML of this post since I want the embedded post to appear at the bottom of the page.

How to Embed Facebook Posts in Blogger

Step #4: Post Embedded

This is the post I have embedded from our Facebook page. See how it works.

This method works smooth and great on both Blogger and WordPress. I hope you would benefit from the tutorial. If you are still having any problem in embedding the posts, just let me know through the comments, and I will definitely help you through it. Best of luck :-)



AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
BloggingeHow | Making Blogging Simpler: How to Embed Facebook Posts in Blogger
How to Embed Facebook Posts in Blogger
BloggingeHow | Making Blogging Simpler
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy