Tag Archives: Design

Designing a Like Box for a Facebook Fan Page

Creating a Like box for your Fan Page is a little different than a Like button. In order to boost your Fan Page prevalence you need to keep increasing your fan base.

Getting people to click the “like” box for your site can help generate positive word-of-mouth and spread your name more quickly among their friends. It is a wonderful way to get free advertising, simple to use and only takes one click!

First you will need to go to your Fan page. Copy the URL.

Then go to http://developers.facebook.com/docs/reference/plugins/like-boxand paste the URL in the field below Facebook Page URL.

Facebook

From here you can style the Like Box. When finished click Get Code and copy and paste the code to your website in the html source code.  Besides adding it to the homepage of your website it might be beneficial to have it on every page since not all visitors go directly to the homepage.

What makes up the number shown on my Like button?

The number shown is the sum of:

  • The number of likes of this URL
  • The number of shares of this URL (this includes copy/pasting a link back to Facebook)
  • The number of likes and comments on stories on Facebook about this URL
  • The number of inbox messages containing this URL as an attachment.

When I click the Like button, the popup window (or “flyout”) doesn’t show. Why?

If the Like button is placed near the edge of an HTML element with the overflow property set to hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting setting the overflowproperty to a value other than hidden, such as visiblescroll, or auto.