Facebook page widget for the website is an Important Widget or plugin for Blogger Layouts. It helps you for increase your Blogger or website traffic. By clicking your fan box like button visitors will receive your most recent and updated post on their Facebook wall. The box also shows the people whose that like your fan page. Before making a Fan Box, you should make a fan page by using Facebook. Now let to see how to add Facebook page widget for a website.

 Recommended: How to Add a Twitter Widget to Blogger Blog or Website.

Add Facebook Page widget to Website

Step 1: Firstly you should login your Facebook and go to your Fan Page. Then copy your Facebook Fan page URL from address bar. Your URL look like this screenshot.

How to add Facebook Like or Fan Box in Blogger Layout

Step 2: Then You must visit this page ....https://developers.facebook.com/docs/plugins/like-box-for-pages


Step3: Paste your Fan page  URL into Facebook Page URL field.

How to add Facebook Like or Fan Box in Blogger Layout2

Step 4: You can Modify this setting as your mind, after modification you click on get Code button.

Step5: You'll be  given four step like bellow image but you must click on IFRAME and copy the showing code.

How to add Facebook Like or Fan Box in Blogger Layout3
If you don't get the upper code you must look like this image bellow, then you copy second step code.
add Facebook Like or Fan Box

Add the Facebook Page Widget for Blogger Layout

Step 6: Log in to your Blogger account then go to "Layout "> Click on the "Add a Gadget" link>

How to add Facebook Like or Fan Box in Blogger Layout4

Step 7:  From the pop-up window, you must scroll down and select "HTML/JAVAScript" Gadget.

How to add Facebook Like or Fan Box in Blogger Layout5


Step 8: Paste the code into the HTML box:

How to add Facebook Like or Fan Box in Blogger Layout6

If you are tired to do this but won't be successful then please trying to use bellow code:

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmegaupdate24&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=1461313757440369" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe>
Just copy these codes with change Facebook page ID edit green codes. And then paste the codes in your layout and you are done.

Step 9: Now click save button and you're done.


Hopefully, you successfully Add facebook page widget for your website. Don't forget to share Facebook, Twitter and Google+ if you like it.