How to Add Facebook Page Widget on Blogger Website or Blog?

In this article, we tell you about How to Add Facebook Page Widget on Blogger Website or Blog? By this technique, you can increase your facebook like. It is important to create a facebook fan page and promote through Facebook groups or paid advertisement.

How to Add Facebook Page Widget on Blogger Website or Blog?

 

How to Add Facebook Page Widget on Blogger Website or Blog?
How to Add Facebook Page Widget on Blogger Website or Blog?

  

So here we give you the step by step guide how to add facebook fan page to blogger website or blog.
 
1. Login blogger website or blog by Gmail.
 
2. Go to your website dashboard.
 
3. Search Facebook Page Plugin on Google.
 
 
How to Add Facebook Page Widget on Blogger Website or Blog?
 
 
4. Click the First Link. 
 
 
 
5. Go to this section of this page.
 
 
How to Add Facebook Page Widget on Blogger Website or Blog?
 
 
 
 
a. In the first section, Put your Facebook Page URL.
 
b. Set the height and width of the Facebook Page on your website.
 
c. If you want Small header then click and you can also show facebook friend’s faces.
 
d. You can also hide cover photo.
 

e. Then click Get Code.

f. Then You will Get Code in 2 forms.

  • JavaScript SDK
  • IFrame
 

 

 
JavaScript SDK
 
In JavaScript SDK you will get the code like this
 
 
How to Add Facebook Page Widget on Blogger Website or Blog?
 
 

There are given the code in two steps.

1. Copy the Step 1 code.

2. Go to Blogger.

3.Go to Layout and Click Add a Gadget in the Right Sidebar.

How to Add Facebook Page Widget on Blogger Website or Blog?

 

4. Then Click HTML/JavaScript

 

How to Add Facebook Page Widget on Blogger Website or Blog?

 

5. Paste the code into the Content part. And left the title empty.

How to Add Facebook Page Widget on Blogger Website or Blog?

 

 

 

6. Then Save it. Again Go to the Add a Gadget in the right sidebar.

7. Click HTML/JavaScript. Paste the Step 2 code in Content. And Give the title name as Like Facebook Page.

8. Then Save.

By this step, the website will load slowly. 

But below steps can maintain the website speed.

If you do not want to see the post and Facebook friends face then you will paste this code into Step 2 where the facebook page is present.

Source: Facebook.com

<div class=”fb-page” 
  data-href=”https://www.facebook.com/facebook”
  data-width=”380″ 
  data-hide-cover=”false”

Replace Your Facebook Page URL to the given url above written code.

 
If you want to see the facebook friends face then you should paste this code into Step 2.
<div class=”fb-page”  data-href=”https://www.facebook.com/imdb” 
  data-width=”340″
  data-hide-cover=”false”  data-show-facepile=”true”></div>
 
Replace your Facebook Page URL with the given Facebook URL in above code.
 
 
Source: Facebook.com
 

Then your Facebook Page will show on your blogger website. So there are many ways you can add your facebook page in a different way. 

By these above two types. Your website speed will not slow. 

If you add the post on the Facebook page then the website speed can slow. So use above two methods.

All these codes you will get from Facebook for your Page.

 

2. IFrame:

If you do not want this long process. Then you should apply this step because this step has worked.

 

How to Add Facebook Page Widget on Blogger Website or Blog?

 

1. Copy this IFrame code.

2. Go to Layout.

3. Click Add a Gadget in the right sidebar.

4. After this, you will see HTML/JavaScript. Click HTML/Javascript.

5. Paste this IFrame code into Content. Give the title name.

6. Save this HTML/JavaScript.

Your Facebook Page has shown on your website like this.

How to Add Facebook Page Widget on Blogger Website or Blog?
 
 
 
 

In this Facebook Page, your post has shown. 

So these are the technique, How to Add Facebook Page Widget on Blogger Website or Blog?

Conclusion:


If you add the Facebook page to your website then the facebook page like chance is also higher. So I have also added my facebook page to this website. So use this technique and increase your Facebook Fan page like through this method.

Over to You:

If you liked this article then share this article with those who do not know about add the Facebook page to their website.

Related Articles:

How to Add Social Media Buttons to Blogger Posts

How to Add Social Share Buttons for WordPress Posts  

 

Share this Content
  • 2
    Shares
  • 2
    Shares

Add a Comment

Your email address will not be published. Required fields are marked *