How to add Facebook Page Widget for Website/Blogger Blog

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.

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.

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.

If you don't get the upper code you must look like this image bellow, then you copy second step code.

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>

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

Step 8: Paste the code into the HTML box:

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.

Recommended: Add Pinterest Mouseover Button to Blogger.

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

About luthfar rahman

I am Luthfar Rahman is the founder of Megaupdate24. I am a Computer Science Engineer, Online Marketer, and Public Speaker. Like to traveling and have been blogging last 7 years. Follow me on Facebook, Google+ and Twitter.