Thursday, December 22, 2011

How To Add Facebook Fan box to Blogger

Here is a tutorial on abacus a Facebook Like box (formerly a Fan box) to Blogger/Blogspot. It’s a acceptable way to advance your Facebook page. A Like box lets your readers:

See how abounding users already Liked your page.
Like your Facebook folio with aloof one click, after accepting to appointment the page.
Read your page’s recent posts (if you accept to affectation them).


HOW IT WORK

I) Get your Facebook page URL

    Visit Facebook and go to your page.


  Copy the URL from your browser’s address bar. It’s at the end of the url. Trim the URL until you get something like this:
 http://www.facebook.com/pages/Delgeek-Blog-Lab/193715330676397




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 because is an example):

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Sentral%2F115496238467364&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;" allowTransparency="true"></iframe>

Copy the code (the code provided by Facebook, not the code above).

In Blogger, go to Design > Page Elements and click an Add-A-Gadget link. Select HTML/Javascript gadget and paste the code in the content box.

Save and view your blog.


Source: Blogger Sentral

No comments:

Post a Comment