Adding a Moderator (comments)

Step 1:

Instal the snippet provided with this stack. Then close and restart rapidweaver.

Step 2:

RapidWeaver Edit Mode Menu Right

On your stacks page, click “Page Info” in the top right corner.

Step 3:

Header Header Section

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:

RapidWeaver Page Info Header

Then select header here:

Header Tab

Step 4:

Next, open up your snippets by clicking snippets here:

Facebook Connect RapidWeaver Stack Icon

This will bring up another pop up window that looks like this:

Facebook Connect Snippet

Step 5:

Drag the “facebookConnect – Admin” snippet over into the header.

Facebook Connect

Step 6:

If you’ve followed everything correctly, your screen should look like this:

Facebook Connect Header & Snippet

Step 7:

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.

Step 8:

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"/>

Comments

Theme:

Light or Dark theme available. This changes the background color and text color of your Facebook comments section.

URL:

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.

Max-Width:

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.

Buttons

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.

Like/Send URL:

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.

Follow URL:

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.

Theme:

Light or Dark theme available. This changes the background color and text color of your Facebook buttons.

Show Faces:

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.

Layout:

Standard looks like this:

Facebook Connect Default Display

Button Count looks like this:

Facebook Connect Button Count

Box Count looks like this:

Facebook Connect Like Count

Button Order:

Side by Side will display the buttons horizontally, Up and Down will display the buttons vertically.

Side by Side looks like this:

Facebook Connect Like Count

or this:

Facebook Connect Button Count

or this:

Facebook Connect Flat Display

Up and Down looks like this:

Facebook Connect Vertical Display

or this:

Facebook Connect Horizontal Display 2

or this:

Facebook Connect Default Display

Font:

You can choose which font you would like the text to display in. Default is Tahoma, the font used on Facebook.

Like Verb:

The Like button can either say “Like” or “Recommend”.

Width:

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.

Changelog

v1.0.1 (July 30, 2013)

  • Fixed Show Faces