Tutorials

Adding a Moderator (comments)

Step 1:

Install the snippet provided with this stack in the Inspector > Header > Header section. Then close and restart rapidweaver.

Facebook Snippet Head Location

Step 2:

Next, open up your snippets by clicking snippets here:

RapidWeaver 6 Snippets

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

Facebook Connect Snippet

Step 3:

Drag the “facebookConnect – Admin” snippet over into the header as seen in the screenshot in Step 1.

Step 4:

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 5:

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

Comments remain on whatever page your assign them too and can be removed by moderators. If commenters select the “Show on Facebook page” checkbox and make a comment it will only appear on their personal page and not on your Facebook page.

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:

Layouts include Standard, Button Count & Box Count. Each have a slightly unique look to them and take up different amounts of spacing.

Button Order:

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

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.

Embed Post

Embedding posts allows you to place any public Facebook post on any website page.

When you see the Embed screen, click the Advanced Settings then copy the URL of the post.

 

Select the down arrow on the top right side of the post you wish to embed and select the option (if it’s not available then the post has been made private and can only be viewed on Facebook).

Embed Page

To embed a Facebook page simply select the URL of that page and place it in the URL input field.

Show Page Cover is selected by default and shows the cover image of the Facebook page.

Show Faces will show people the visitor knows who also likes/follows that Facebook page.

Show Latest Post will show your most recent post.

Note: Facebook Pages should not be confused with Facebook profile pages. Facebook does not allow you to embed personal pages and only fan style pages that allow you to “like” them.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software