The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.

Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you haven't yet created, click here to Create a Facebook Fan PageHere is a tutorial on adding a Facebook Like box to Blogger/Blogspot. It’s a good way to promote your Facebook.

I) Get your Facebook page  URL

  • Visit Facebook and go to your page:


  • Copy the URL from your browser’s address bar.

II) Configure your Like box

  • Go to Facebook Like box configuration page (opens in a new tab/window). You will see a configuration box, like this (Facebook has replaced Facebook Page ID with Facebook Page URL):

  • Now paste your page URL inside the Facebook Page URL text box.
  • Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.
  • Click Get Code button when done. You’ll be given two codes, titled iframe and XFBML. You only need the iframe code.
  • The iframe code should look more or less like this (do not copy this code):
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fquicklearnpage&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>

  • Copy the code (the code provided by Facebook, not the sample code above).
  • In Blogger, go to Layout and click a Add agadget link. Select HTML/Javascript gadget and paste the code in the content box.
  • Save and view your blog.
  • Enjoy! 

Post a Comment

 
Top