The Facebook has announced that from June 23rd, 2015 the old Facebook like box will be replaced by new updated Page Plugin. So all bloggers must replace their like box with the new page plugin from their blogs.

The Page Plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without having to leave your site.

Demo of New Page Plugin

Add Facebook New Fan Page Like Box Page Plugin on Blog

  • Login to your Facebook A/C and Go to Facebook Page Plugin
  • Enter the details and configure the setting according to your need.
  • After that click Get Code option. A new window will appear with two code.
So, now you have the page plugin code. You have to add those code on your blogger blog.
  • Go to Blogger Dashboard > Template > Edit HTML option.
  • On the Template editor search (Ctrl+f) for <body> and add the first code i.e JavaScript SDK  code after <body> tag. If you get an error while saving the template then try adding below JavaScript SDK code.
<div id='fb-root'/>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
  •  Save the template.
If you have already added the JavaScript SDK code on your template then you can skip the above step. Now time to install the Page Plugin Code to display it on your blog.
  • Go to Blogger Dashboard > Layout > Add a Gadget (where you want to display the like box page plugin) option. 
  • Choose HTML/JavaScript option and add the like box plugin code (Second Code) in it.
  • Save it and It's done.
If you have any doubt, installing the new Like Box Page Plugin then feel free to comment. And if you find this article then don't forget to share the article.

2 comments to '' How to Add Facebook New Fan Page Like Box Plugin on Blogger Blog "