Screensaver
screensaver gadget image
This application lets you publish on your website a screensaver showing images of your community. Visitors can click on a member's photo to learn more about them and become friends.

Note that there is no need to use any Flash plugin because this gadget uses only javascript language.

Details:
In this gadget, I've used a two-level component where each level is a simple piece of DHTML code appearing within the gadget screen. Let's take a look on the following image:
two-level component image
The first level (on top) shows images of community and the second one (behind) shows Author (me ;), Title and website of this application. Users see this information when they click on the center button at the bottom on the monitor (look at the following):
screensaver button image
Configuration and customization:
When you install it, you can set the following parameters:
  • screenWidth: width of the screen (pixel);
  • rows: rows of faces that will be showed in the gadget;
  • waitTime: waiting time between two effects (seconds);
  • useEffects: Yes/No, it says if the animation for images has to be used or not;

Moreover, you can also customize some colors (see the image below):
screensaver demo image
Example:
On GFC official page there is the following message:
We're retiring Friend Connect on March 1, 2012. Find out how you can keep in touch with your community.
[...]

[...]
This means the gadget is no longer available.
Maybe, i'll decide to change its structure and create a new version with new features and/or new layout.
Rapid installation:
If you already know the settings for your site and have "YOUR GOOGLE FRIEND CONNECT SITE ID", then copy and paste the following code into your website but take care to set the parameters (highlighted in red below) according to your needs:
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-7791692969327865582" style="width:px;"></div>
<script type="text/javascript">
var skin = {};
skin['ALTERNATE_BG_COLOR'] = '';
skin['BG_COLOR'] = '';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-7791692969327865582',
url:'http://www.eaglewebapp.com/ewa/gfc/screensaver/screensaver.xml',
site: '',
'prefs':{'screenWidth':'','rows':'','waitTime':'','useEffects':''}
}, skin);
</script>
If you have not a "GOOGLE FRIEND CONNECT SITE ID" or you are not sure about settings to use, please choose the standard installation.
Standard installation:
Follow these steps to install this gadget on your website:
  1. Set your website - if not already done - on your Google Friend connect account
  2. Locate this gadget in the gadgets gallery and then click on "Get this gadget"
  3. Choose options for it
  4. Click "Generate Code" under "Create the HTML code"
  5. Copy the code and paste it into your website where you'd like this gadget to appear
  6. Enjoy!