Add Latest Facebook Like Box (Page Plugin) to Blogger and Wordpress Blogs and Websites



It's quick to add a Facebook like box to your website! Especially if your website is based on a Content Management System like WordPress or Blogger.

It is a matter of choosing what, along with your most recent post/posts, you want to appear on your website. Photographs of fans?  Your image on the cover? A header big or small? A Facebook page plugin lets visitors know you have a Facebook account on your website.

With the release of the latest Graph API v2.3, the Like Box plugin is deprecated, which was most widely used before.  Facebook has now changed those old Like Box with the new updated Facebook page plugin.

New Facebook Page Plugin

Directly Get the code for this Page Plugin from Developers:

The Like Box on Facebook is set up via their Developers website. Click here to go to the Facebook Plugin Developer page. While there, you can add your website URL, select your overall design, and then get the code.

The format you have selected will come up before you press the 'Get Code' button. This will show you how your website will look like the Like Box.

Upon the appearance of the code box, click the iFrame link to pick the code. Then paste the code into the corresponding HTML/JavaScript area on your site.

Where to paste the code in Blogger and Wordpress Blogs?

1. Blogger: Login to Blogger dashboard with your credentials and then Layout > Add a Gadget > HTML/JavaScript and then add the code in the HTML/JavaScript widget.

2. Wordpress: Simply go to Appearance > Widgets page in your WordPress admin area. Next, drag & drop the ‘Custom HTML’ widget to the appropriate widget area and paste your code in there.

Add simple Like Box Plugin to your Blogger, Wordpress, and Website

Simple Facebook Like Box

Add the given below code to your HTML accepted template or area on your site with proper changes which are needed to be done.

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ftechnogeekzone&tabs&width=340&height=181&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="181" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

  • Change technogeekzone to Your Facebook Username.
  • Change 340 to your desired width for the like box. Maximum width accepted is 500px.
  • Change 181 to your desired height for the like box.

Note: You can only add Public Facebook pages. Pages with privacy restrictions are not supposed to be used as this plugin is only available for public pages.

Post a Comment

0 Comments