How To Set Up Facebook Like Box in a Blog?


In this tutorial you can get know about How to set up a Facebook Like Box or Fan Box on your blog. By adding this on your blog you share your Facebook Fan Page to get more likes and to share your post updates to your subscribers. You can pull your Facebook Page subscribers to your blog and can increase your blogs page views, as a result you can be more benefited from your blog.

If you want to set up Facebook like Button instead of like Box you can visit: How To Set Up Facebook Like Button in a Blogger?


By adding Facebook Like Box or Fan Box your blog readers can
  • See how many users already liked your Facebook Page.
  • Directly like your Page without going to the Page.
  • See some faces of the friends who already liked your blog if you activated that.
  • See recent post on your page if your activated that.


Steps to be followed To Set Up Facebook Like Box in a Blog


1. Get your Facebook Page URL at first.


Facebook page URL


  • Visit Facebook and go to your page
  • Copy the URL from the Address bar on the clipboard.

2. Configure the setting for your Like Box.


Facebook page configuration


  • At first go to Facebook Developers Page.
  • Paste the copied URL on the Facebook Page URL Text box.
  • Change width, height, and color schema as you like or as matches to your blog.
  • Check or Uncheck on the Show header check box to show or hide the header.
  • Check or Uncheck on the Show faces check box to show or hide the faces.
  • Check or Uncheck on the Show stream check box to show or hide the recent post on the page.
  • Check or Uncheck on the Show border check box to show or hide the border of the box.
  • At last click on Get code button. You can see the code like below from HTML 5 tab.
Facebook like box code


3. Add Code on the Blogger widget.


add gadget on blog


  • At first go to your blogger dashboard Layout option.
  • Click on Add Gadget option.
  • Choose HTML/JavaScript option.
  • Paste HTML code and click on save and view your blog.

Share this

Related Posts

Previous
Next Post »