Adding a Moderator (comments)
Instal the snippet provided with this stack. Then close and restart rapidweaver.
On your stacks page, click “Page Info” in the top right corner.
This will display a pop up window, on the top left of this window, you will see “General”, “Side Bar”, “Header”, and “Styles”… Select “Header” here:
Then select header here:
Next, open up your snippets by clicking snippets here:
This will bring up another pop up window that looks like this:
Drag the “facebookConnect – Admin” snippet over into the header.
If you’ve followed everything correctly, your screen should look like this:
Now we need to replace “FACEBOOK USER ID” with your actual user ID. I’ve built a tool for finding your Facebook User ID here: Facebook ID Tool.
If you are logged into Facebook, it will automatically show you your user id. If not, it will prompt you to login, but if you don’t log in, you can still type in your Facebook username (or someone else’s) to get the user ID. There are also instructions on the actual site.
Now just copy and paste your Facebook User ID into the snippet, and it should look something like this:
<meta property="fb:admins" content="1234567890"/>
Light or Dark theme available. This changes the background color and text color of your Facebook comments section.
This should be the URL for the site that the comments stack will be on. So for instance, if there were a facebookConnect comment stack on this page, the URL would be – http://forum.onelittledesigner.com/tutorials/kb/facebook-connect
Sort Posts By:
Chronological and reverse Chronological will display the comments in the order they were submitted and reverse order, respectively. Social will boost comments that have more likes and replies to the top.
Show # of Posts:
This option controls the number of comments that are displayed when the page first loads, then at the bottom there will be a button for viewing more comments.
Allows you to define a maximum width for this stack. If left empty, it will always scale to 100% of the width of it’s containing element.
Like, Send, and Follow Button Check Boxes:
Checking a box will show the button, and leaving a box unchecked will remove that button from the page.
This should be the URL of the page that the stack is on, as this will cause them to like and/or send your actual website.
This should be the URL of your own personal Facebook profile page. Business pages to not support the “follow” feature, only personal Facebook pages. You must turn on the ability for people to follow you @www.facebook.com/about/follow.
Light or Dark theme available. This changes the background color and text color of your Facebook buttons.
Checking the box will show your friends profile pictures who have liked or followed this page. Leaving it unchecked will only display text with no images for your buttons.
Standard looks like this:
Button Count looks like this:
Box Count looks like this:
Side by Side will display the buttons horizontally, Up and Down will display the buttons vertically.
Side by Side looks like this:
Up and Down looks like this:
You can choose which font you would like the text to display in. Default is Tahoma, the font used on Facebook.
The Like button can either say “Like” or “Recommend”.
Allows you to define a maximum width for this stack. This does not effect the size of the images, only the length of the text. This is most useful for the Standard Layout, with Side by Side.
v1.0.1 (July 30, 2013)
- Fixed Show Faces