Face It! allows:
(ref: Face It! Like Buttons - from SBI Help)
1) Go to Facebook Social Plugins Page
2) In the left column > click on "Like Button" text link
3) You should now be in the "Like Button" page where you can create and customize your Like Button
URL to Like: enter your site's full domain name
Send Button: optional. Enables someone to send via email. (I unchecked).
There are 3 styles you can choose from - different sizes. Depending on the layout you choose, SBI will only allow them to be placed at certain page locations.
Recommended - uncheck (normally too long)
The rest of the options are pretty self-explanatory. (I chose Verdana for the font)
When done, click Get Code
In the pop-up box, click XFBML
Copy code from box 1 > paste into Notepad
Copy code from box 3 > paste into Notepad, immediately after the above
You now have the code for one (layout) type of FB Like button.
Repeat this process for each (layout) type Like button you want. You can have up to 3 (layout) types.
SBI Site Central > All Pages > Face It!
Activate a button. Paste the like button code from your Notepad.
Depending on which like-layout you are pasting in the text box, the Location drop-down box will change.
e.g. if you paste in the code for a Standard (long) Like button, then the only page locations SBI allows is
Select the location.
Select if the Like button is to like the Site or like the Page.
Repeat process for each of the Buttons you want to use, using the relevant code you got when Creating your Facebook Like buttons (as per above).
After you finish with your buttons in FaceIt, we move on to ..
If you want to allow visitors to leave comments, then we need to go over to Facebook Social Plugins Page again.
NOTE: Leave your SBI FaceIt page open. We will come back to this when we have the code.
Again in the left column, click on the Comments text link.
You will then be in the "Comments" page where you can set this up.
As before, enter your site's full domain name
(SBI will automatically convert this to a PAGE url when FaceIt's commenting is enabled)
Number of posts: start with 5. You can change later. This is global - affects all your pages.
Width: use 450 px (as this is most likely to be in the center Content column)
Color Scheme: (I chose light)
Then Get Code
A pop-up window appears. Click XFBML
As with the code for the Like buttons above, copy the code from box 1 and box 3. Paste into Notepad, the latter immediately after the former.
Now go back to your SBI Site Central > All Pages > FaceIt (which should still be left open)
Under the Add Facebook Commenting to Your Pages box:
In the next box ("Add Facebook AppID ..") you can either:
Using your AppID is recommended. This method allows you to moderate all the comments at one place rather than having to do it page by page. But for this, you need to become a Facebook Developer with Facebook and then Create an App on Facebook.
Once you are a Facebook Developer, then we can create our Comment Moderation App.
(You should be logged into your personal facebook and at the Facebook Developers > Apps page)
Create New App
1) Click on "+Create New App" (top right)
2) a popup window appears
3) App Display Name:
4) App Namespace:
5) Tick the "I agree ..."
7) enter Security Check characters > Submit
8) In the next page (Apps > jem Comment Mod > Basic), for
9) Select the Category and sub-Category (if applicable)
10) Under Select how your app integrates with Facebook,
11) Save Changes
12) copy the AppID and the App Secret and keep it in a safe place.
13) go to http://developers.facebook.com/tools/comments to review/edit Moderation Settings
14) click on your new app (left hand column) > Settings
15) A Edit Comment Settings window will pop up.
17) Back to SBI: take your AppID and paste into your
SBI Site Central > All Pages > FaceIt > Add Facebook Commenting to your pages > Add a Facebook AppId .. (text box)
18) Final part of setting up FaceIt
- Upload your Facebook Thumbnail image
19) to save, click "FaceIt" button
SBI Instructions of uploader:
My FaceIt fb buttons are as follows:
Button 1: box_count layout, above NavBar - Site like
=> ***FACEBOOK-LIKE1*** into
Button 2: box_count layout, below NavBar - Site like
=> ***FACEBOOK-LIKE2*** into
Button 3: standard layout, bottom of center Content column - Page like
=> ***FACEBOOK-LIKE3*** into
Commenting Placement: (as SBI recommends to be above ***SOCIALIZEIT*** if using 3-col style template)
=> ***FACEBOOK-COMMENT*** into socialize-it.shtml (I put Commenting below ***FACEBOOK-LIKE3***)
Then Quick Upload the affected include files.
Now that we have built a Facebook app ("jem Comments Mod"), to moderate all comments, you can just go directly to
Article written on 2nd February 2012