How to add Facebook Page Plugin in Blogspot?

To add a Facebook Page plugin to your Blogspot (Blogger) blog, you can follow these steps:

Get the Facebook Page URL: First, make sure you have the URL of the Facebook Page you want to display on your blog.

Generate the Facebook Page Plugin Code:

a. Go to the Facebook Page Plugin page on the Facebook for Developers website.

b. Enter the URL of your Facebook Page in the "Facebook Page URL" field.

c. Customize the settings for the plugin, such as width, height, tabs, and other display options to match your blog's design and requirements.

d. As you make changes, you'll see a live preview of the plugin on the right side.

e. Once you're satisfied with the preview, click on the "Get Code" button.

Get the Plugin Code:

a. In the pop-up window, you'll see two tabs: "JavaScript SDK" and "Iframe."

b. Select the "Iframe" tab.

c. Copy the provided code. It will look something like this:

"<iframe src="https://www.facebook.com/plugins/page.php?href=YOUR_PAGE_URL_HERE&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=YOUR_APP_ID" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>"

Add the Plugin Code to Your Blogspot Blog:

a. Log in to your Blogger dashboard.

b. Go to the "Layout" section, and click on “Add a Gadget”

c. Select “HTML/JavaScript” Gadget.

d. Paste the Facebook Page plugin code that you copied from the Facebook Developer page.

e. Click the "Save theme" button to save your changes.

View Your Blog:

Visit your blog to see the Facebook Page plugin embedded in your blog.

That's it! You have successfully added a Facebook Page plugin to your Blogspot blog. Make sure to customize the plugin's appearance and functionality according to your preferences by adjusting the code provided by Facebook.