How to Add Facebook Page Plugin or FanPage Box on Blog or Website Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the Page Plugin, your Like Box plugin implemen...
2018-02-03T15:11:55Z

How to Add Facebook Page Plugin or FanPage Box on Blog or Website

Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the Page Plugin, your Like Box plugin implementation will automatically fall back to the Page Plugin. Facebook made a drastic changes i.e. Adaptive Width, Show Friend's Faces, Adjust Language, Privacy Restricted Pages, List Page Posts.

Facebook Page Plugin

The Page plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving Facebook.

Step 1: Go to this Link

Step 2: Choose your Page Name, custom height and width of plugin, cover image and post according to your need.

Step 3: Now click on Get Code Button. It pop-up with two list of code example in this image

Step 4: Include the JavaScript SDK on your page once, ideally right after the opening  <body>  tag.
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 5: Place this code wherever you want the plugin to appear on your page.
<div class="fb-page"
data-href="https://www.facebook.com/Howlmeflash"
data-hide-cover="false"
data-show-facepile="true"
data-show-posts="false">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/Howlmeflash">
<a href="https://www.facebook.com/Howlmeflash">Howlmeflash
</a>
</blockquote>
</div>
</div>
In addition to we can also edit/change settings above code(second code).

Facebook Page Plugin for blogger


  • Complete these above step (step 1 to step 3)
  • Go to Blog >> Template Section >> Edit HTML, copy the above code and paste right after the <body> tag and save the template.
Backup Your Template Before Doing This
  • Now go to Layout >> Add a Gadget >> Choose HTML/JavaScript, give title as Facebook or different and paste 2nd piece of code of Page plugin in the content box.The code Look like this Step 5

Here we come to the end of a detailed tutorial of Facebook Page Plugin for blog or website which make your website much more engaging.

So this was our guide on How to Add Facebook Page Plugin or FanPage Box on Blog or Website, I hope the methods given above helped you.

Keywords:- How to Add Facebook Page Plugin or FanPage Box, Facebook Page Plugin for blogger, Facebook Page Plugin for Website, Facebook Page Plugin Shortcode For Blogger, facebook like box widget, facebook like box wordpress, facebook like box for blogger, facebook like box iframe, facebook feed widget, facebook widget wordpress, facebook like box html, facebook like widget, Easy Facebook Like Box, facebook social plugin blogger, facebook page plugin responsive.
Share it:

Blogger

Blogging

Facebook

How To

Social Media

Tumblr

Tutorial

WordPress

Post A Comment:

0 comments: