How to add New Advanced Facebook Page Plugin on Blogger?

As we know, These days, Facebook is the best place for promotion. Nowadays, 90% of bloggers create a Facebook page for their blog and after creating it, they add a 'Like Box' widget on their blog to publicize it on their blog. So, Facebook has released a new, better and advanced widget to show off your Facebook Page on your blog. This new plugin have a feature that your blog's visitors can easily share your page on their timeline without leaving your blog. When any visitor click on share button, silently, a pop up opens up and visitor only have to click 'Post' and your Facebook page will be shared on his timeline. But If the visitor has not already logged in, then Facebook will ask for log-in. Today, I will tell you how to add this new plugin on your blog.

[info headline='INFO'] Facebook Like Box is Depreciated and will stop working on June 23rd 2015[/info]

How to Add This New Plugin on Blogger?

This is quite easy. Here are the steps:

• Firstly, Go to Blogger Dashboard -> Layout -> Add a Gadget
• Now, Go to Content field and Paste below code.

<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/sdk.js#xfbml=1&version=v2.3&appId=1378578195761370";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/bloggerguiders" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bloggerguiders"><a href="https://www.facebook.com/bloggerguiders">Blogger Guiders</a></blockquote></div></div>

• Now you have to do some quite easy customization to ensure that this pluging will show your Facebook page's data.
• Change Blogger Guiders with your Facebook page's name and bloggerguiders with your Facebook page's username.
• Now click on Save button.

Take a round at your blog and you will see this advanced plugin started showing on your blog. Here are some settings for you. You can play with them. :)

Settings-

Setting	HTML5 Attribute	Description	Default
href	data-href	The URL of the Facebook Page	None
width	data-width	The pixel width of the plugin. Min. is 280 & Max. is 500	340
height	data-height	The maximum pixel height of the plugin. Min. is 130	500
hide_cover	data-hide-cover	Hide cover photo in the header	false
show_facepile	data-show-facepile	Show profile photos when friends like this	true
show_posts	data-show-posts	Show posts from the Page's timeline.	false

Final Words from Author

I hope you liked this plugin by Facebook because this Plugin is better than previous one (Like Box). If you liked this post, kindly spread our words with your family and friends and on social media too. Take care of your family and you. Thank You!

Share this post