Thursday, April 23, 2015

How to add New Advanced Facebook Page Plugin on Blogger?
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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite=""><a href="">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. :)


SettingHTML5 AttributeDescriptionDefault
hrefdata-hrefThe URL of the Facebook PageNone
widthdata-widthThe pixel width of the plugin. Min. is 280 & Max. is 500340
heightdata-heightThe maximum pixel height of the plugin. Min. is 130500
hide_coverdata-hide-coverHide cover photo in the headerfalse
show_facepiledata-show-facepileShow profile photos when friends like thistrue
show_postsdata-show-postsShow 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!