You can now get likes for your Facebook in your own website through the Like box. It is a social plugin that allows users to like the page with just one click, read recent posts from the page, and see how many users like the page. Here’s a quick tutorial on how to add a Facebook fanpage to your website.
- Access the Admin panel of your Facebook page.
- Click the Edit page tab found at the upper right portion of your page.
- From the dropdown menu, select Edit Settings.
- Select Resources from the left sidebar of your page.
- Under Connect with People, click Use Social plugins. You may also use this direct link-> developers.facebook.com/docs/reference/plugins/like-box/
- Select the Like box from the left sidebar of your page. You can also click this link to be directed developers.facebook.com/docs/reference/plugins/like-box/
- Type in your page’s url. Indicate the height and the width of the like box in pixels. Select whether you want show stream, faces, border and header. Pick the color scheme.
- Get the code.
- Copy and paste this code to a text widget and you’re all set!
Thing you need to know:
- The minimum support width is 292 pixels, while the default width of the Like box is 300 pixels. On the other hand, the height of the Like box depends on the number of faces to display and whether the stream is shown. Without faces and stream, the default height is 63 pixels. Meanwhile, if there are 10 faces shown and the stream is displayed, the default height is 556 pixels.
- You can either choose light or dark for the color scheme.
- Show faces indicates whether or not to show profile pictures in the Like box.
- Stream indicates whether to show a stream of photos from the Page’s wall.
- Header indicates whether to show the Facebook header at the top of the Like box.
- Show border indicates whether or not to show a border around the Like box. To design the iframe with your custom CSS, set to false.
- To know if a user tips the Like button, subscribe to the ‘edge.create’ event through this link FB.Event.subscribe. This is applicable if you are using the XFBML version.