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:
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmegaupdate24&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&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.