The widget currently has 3 components: \u201cButton\u201d, \u201cStream\u201d (optional), and \u201cFans List\u201d (optional). The widget can fit in a space as small as 200 x 64 (just the \u201cbutton\u201d) or offer a richer experience including recent posts and other fans at a full 600 x 544 pixels (width adjustable from 200 – 600 pixels).<\/p>\n
Some live examples on each Page’s own website for businesses include Coca-Cola<\/a>, Blackberry<\/a>, Tide<\/a>, Herbal Essences<\/a>, and Threadless<\/a>.\n<\/div>\n<\/blockquote>\n About Facebook Fan Box<\/strong> The Fan Box lets users:<\/strong> Code<\/strong> \n<iframe scrolling="no" frameborder="0" \t\t\t<\/p>\n src="http:\/\/www.facebook.com\/connect\/connect.php?id=FACEBOOK_PROFILE_ID&connections=10&stream=1" \t\tallowtransparency="true" OR you can Copy following code to any page on your site where you want to display a Fan Box. <\/p>\n \n<script src=”http:\/\/www.facebook.com\/js\/api_lib\/v0.4\/FeatureLoader.js.php” type=”text\/javascript”><\/script><script type=”text\/javascript”>FB.init(“API_KEY”, “”);<\/script><fb:fan profile_id=”YOUR_PAGE_ID”stram=”1″ connections=”10″ Preview<\/strong> Customizing the Fan Box<\/strong><\/p>\n The Fan Box gets rendered by the fb:fan XFBML tag. You can customize the Fan Box by changing the defaults for the following attributes in the fb:fan tag: Bugs (Discovered as per my Implementation)<\/strong> Update from Facebook Team … As a Facebook Page owner, you can implement the Fan Box widget on your own website to gain more fans and share your Facebook updates. Implementing requires pasting just 4 lines of code. The widget currently has 3 components: \u201cButton\u201d, \u201cStream\u201d (optional), and \u201cFans List\u201d (optional). The widget can fit […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[47],"class_list":["post-1552","post","type-post","status-publish","format-standard","hentry","tag-facebook","post-preview"],"_links":{"self":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/comments?post=1552"}],"version-history":[{"count":20,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1552\/revisions"}],"predecessor-version":[{"id":1558,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1552\/revisions\/1558"}],"wp:attachment":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/media?parent=1552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/categories?post=1552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/tags?post=1552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nThe Facebook Fan Box is a social widget(just 5-10 lines of HTML Code) that allows Facebook PAGE owners(i.e., we) to attract and gain Facebook fans from their own website(i.e., ChiragMehta.info) <\/p>\n
\n\u2022\tSee how many users are already fans, and see some of their friends who are
\n\u2022\tRead recent posts by from the Page
\n\u2022\tBecome a fan with 1-click without needing to visit the Page<\/p>\n
\nUPDATE : Use Iframe, for easier access to Fan Box. <\/p>\n
\n\tstyle="border: none; width: 300px; height:550px;">
\n<\/iframe>\n<\/p><\/blockquote>\n
\nwidth=”300″><\/fb:fan><div style=”font-size:8px; padding-left:10px”><a href=”VANITY_URL”>PAGE_NAME<\/a> on Facebook\n<\/p><\/blockquote>\n
\n
\n![\"Facebook](\"http:\/\/wiki.developers.facebook.com\/images\/thumb\/6\/6c\/FanBox.png\/250px-FanBox.png\")
\n<\/center><\/p>\n
\nprofile_id<\/strong>: The ID of the Page associated with the Fan Box.
\nstream<\/strong>: Set to 1 to display stream stories in the Fan Box or 0 to hide stream stories.
\nconnections<\/strong>: The number of fans to display in the Fan Box. Specifying 0 hides the list of fans in the Fan Box.
\nwidth<\/strong>: The width of the Fan Box in pixels.
\nheight<\/strong>: The height of the Fan Box in pixels. <\/p>\n
\nAbove code works perfectly fine in Mozilla Firefox. The fan box gets rendered properly. But the same code doesn’t render a fan box in IE,chrome and not even in Safari. <\/p>\n","protected":false},"excerpt":{"rendered":"