How to Add Facebook Widget on Blogger Website

Embedding Facebook Widget on Blogger is easy using Taggbox Widget. Follow the simple step by step guide to add Facebook Widget to Blogger website.

Try TaggBox Widget – Start your 14 days Free Trial Now

Embed Facebook Widget on Blogger Website:

1. Sign Up with 14 days Free Trial or Log in if you have an existing account of Taggbox Widget.

facebook widget for blogger

You will be taken to Taggbox Dashboard

Click on “+ Create Widget” on the top right of the screen:

facebook widget for blogger

2. A popup box of “Create Widget” will appear with the following input box:  

2.1 “Widget Name” – Enter the name for your Widget.

2.2 “Your Unique URL” – automatically your Widget name will be your unique URL. 

facebook page widget for blogger

Taggbox provides you with the option to change it according to your requirement.

  1. Profanity Filter” – to filter explicit content, enable it by clicking on the checkbox.
  2. Finally, Click on “Create Widget”.

You’ve created your first Taggbox Widget.

Tip 1: You can also create multiple Widgets that are available according to your selected plan. For details on your plan, go to Dashboard>Account section.

Now, click the small box of the Widget editor with your widget name on it to open.

facebook widget

3. Select the following from the left hand side available option:

3.1. Feeds (On the Left-Hand Menu)

how to add facebook widget to blogger website

3.2. “+Add Feed” (to Add New Feed)

facebook feed widget

4. A popup box with “Pick a source” will appear, select Facebook

adding facebook widget to blogger

A new box will appear with “Create Facebook Feed” options to aggregate:

add facebook widget

You can aggregate feeds from the following sources:

  • Page – enter URL of the page
  • My Profile Posts – Login to Facebook directly
  • Albums – Enter URL of the album
  • Page Reviews – Enter URL for the reviews

Click “Continue with Facebook”.

Log in to a Facebook account to provide authorization for aggregating.

Enter the credentials; in some seconds, your feeds will be displayed on the screen.

Tip 2: You can refine the aggregation process, enable the checkboxes on the above options accordingly.

Tip 3: Taggbox provides a “Personalize” option to customize the display of your feed, with many options to choose between according to your need. 

Steps to Generate Code to Embed Facebook Widget on Blogger Website

Generate code by following the below steps to embed Facebook Widget on Blogger website. 

1. At the left bottom of the screen, you’ll find “Embed Widget” Click on it.

facebook widget

2. A new Box named “Choose Your Platform” will appear, select the HTML logo.

facebook add widget

3. A new box will appear HTML.

facebook widget

Select auto or set width and height then just click on GET Code and copy the generated embed code.

To Add Facebook Widget On Blogger

Open the HTML code editor and paste the copied code into the body tag section of the Blogger website on any location or page that you want.

Congratulations!! You have successfully embedded Facebook Widget on Blogger website.

Try TaggBox – Start your 14 days Free Trial Now

If you have any questions or need help, please Contact us or write us at [email protected]