How to add Facebook Page widget to Blogger blog with Pictures

Hello guys welcome to the Techtspot blog, today I will show you how to insert or add a Facebook Fan Page widget to the Blogger blog with pictures.

Why we need to add a Facebook Page widget to the blog?

When we start a blog, website, or eCommerce store then we also create a Facebook page for promoting our blog content, website services, or e-Commerce products, using the organic way and paid method, using page we can easily notify the new content, service, and product updates, Facebook is the largest social media platform and it almost receives billions of web traffic per month, now we can use the traffic for our blog.

In the blogger platform, there is no Facebook page gadget, here we use the third-party page widget code and add it to the blogger blog, now we get more chances to page followed by our visitors, and more followers mean more attention or web traffic from the Facebook platform whenever we update new content on the page and we get a good amount of web traffic from it, so we add Facebook page gadget to the blog, now let's start.

These are the Following Steps:-

Step 1: First we go to the Facebook Developers page, here we put the Facebook page URL, and you select the Tabs, Width, Height, and then at last click the Get Code button.

Step 2: Here a new box appears in the middle of your device screen and we copy both the code.

Step 3: Now go to the blogger blog dashboard and click the Layout option, here we find out the place where we want to add the gadget then click the Add a Gadget link.

Step 4: Here a new box appears in the middle of your device screen and you select the HTML/JavaScript option.

Step 5: Now paste the Facebook page code in the content area and click the Save button.

Facebook Page widget code:-

<div id="fb-root"></div>

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v15.0" nonce="6NyrTJMr"></script><div class="fb-page" data-href="https://www.facebook.com/techtspot" data-tabs="timeline" data-width="300" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/techtspot" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/techtspot">Techtspot</a></blockquote></div>

Step 6: Now open the Blogger blog to check the results.

Now Visit the - Demo Blog to see the result.

Above I give you my demo blog link, where I enable the Facebook Fan Page widget, if you are thinking to set up a Facebook Fan Page gadget in your blog then first look at the gadget how it looks like in my demo blog.

Read More:- 
How to Add Pinterest Board widget to Blogger blog
How to Add Flickr Slideshow widget to Blogger blog
How to Add Twitter Timeline widget to Blogger blog
Add Linkedin Profile Follow Button to Blogger blog

I hope you enjoy this Post. If any problem comment it.