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

SHARE THIS ARTICLE

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 on Blogger Website 1 - 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.
 
 
FireShot%2BCapture%2B038%2B %2Bfacebook%2Bpage%2Bplugin%2B %2BGoogle%2BSearch %2B %2Bhttps   www.google.co.in search - How to Add Facebook Page Widget on Blogger Website or Blog?
 
 
4. Click the First Link. 
 
5. Go to this section of this page.
 
 
FireShot%2BCapture%2B044%2B %2BPage%2BPlugin%2B %2BSo %2B %2Bhttps   developers.facebook.com docs plugins page plugin  - 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
 
 
FireShot%2BCapture%2B047%2B %2BPage%2BPlugin%2B %2BSo %2B %2Bhttps   developers.facebook.com docs plugins page plugin %2B%25281%2529 - 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.

image 2 compressed - How to Add Facebook Page Widget on Blogger Website or Blog?

    4. Then Click HTML/JavaScript  

image 3 compressed - How to Add Facebook Page Widget on Blogger Website or Blog?

 

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

image 4 compressed - 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.

FireShot%2BCapture%2B052%2B %2BPage%2BPlugin%2B %2BSo %2B %2Bhttps   developers.facebook.com docs plugins page plugin  - How to Add Facebook Page Widget on Blogger Website or Blog?
Source: Facebook.com

<div class=”fb-page”   

  data-href=

“https://www.facebook.com/Facebook”  

data-width=”380″    data-hide-cover=”false”</div>

 
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.
 
 
FireShot%2BCapture%2B054%2B %2BPage%2BPlugin%2B %2BSo %2B %2Bhttps   developers.facebook.com docs plugins page plugin  - How to Add Facebook Page Widget on Blogger Website or Blog?
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.  

FireShot%2BCapture%2B050%2B %2BPage%2BPlugin%2B %2BSo %2B %2Bhttps   developers.facebook.com docs plugins page plugin  - 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.

FireShot%2BCapture%2B051%2B %2BProduct%2B4%2BSale%2B %2Bhttps   product4sale1.blogspot.in  - 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    

Leave a Reply

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

+ +