Bubbles (HTML5) and (Italian) Easter Egg
bubblew gadget image
Transform your Google Friend Connect community in bouncing bubbles and navigate among all members of your community.

This application is powered by HTML5 and no Flash plugin is required.

Configuration and customization:
When you install it, you can set the following parameters:
  • width: width of the gadget (pixel);
  • height: height of the gadget (pixel);
  • maxDisplay: number of faces that will be showed in the gadget;
  • color: color of bubbles;
That's all!
So, here is it in action in the following 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-7791692969327865580"></div>
<script type="text/javascript">
var skin = {};
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
{ id: 'div-7791692969327865580',
}, skin);
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:
Awaiting Publication.
Easter Egg:
To celebrate the 150th Anniversary of the Unification of Italy, I put an Easter Egg in this application.
If you find it, you'll see something like this:
bubbles easter egg

So, the colors will be only GREEN, WHITE, RED and the Italian flag will appear in the right-upper corner.