Tag it:

With Google FriendConnect you can add social network features to your site and visitors can then sign in with their Google, AIM or OpenID account to join you.

Hence more people engaging more deeply with your website with each other by choosing engaging social features from a catalog of gadgets by Google and the OpenSocial developer community (Engage.com, Friendster, hi5, Hyves, imeem, LinkedIn, MySpace, Ning, Oracle, orkut, Plaxo, Salesforce.com, Six Apart, Tianji, Viadeo, and XING).

1. Download Google FriendConnect for Joomla module here .
   Ensure you unzip it first since the zip consist of 2 versions, for Joomla 1.0.x and another one for Joomla 1.5.x (1.5.1, 1.5.6, 1.5.7 and 1.5.8)
2. Sign in to Google FriendConnect
3. Click on "Setup a new site" button
   
4. On "Overview" page, click on "Continue>>"
   
5. Fill in your website's name and URL and click on "Continue"
6. Once you reach this step, you will need to download "rpc_delay.html" and "canvas.html" manually and ensure to upload this two HTML pages to your website's root folder before you proceed to next step by clicking on "Continue>>" link. Once you have uploaded those two HTML files, click on "Continue>>" link.
7. Click on "Test to finalise setup" button
8. You are landing on "Add a Members gadget to your site" page now.
   
   Click on "Get code for the Members gadget >>" link
9. On "Set up the Members gadget" page, you can skip Step 1 and 2 because you are going to do this setting on your Joomla administrator page when you are setting up Google FriendConnect module at later stage. As for now, scroll down until you find Step 3 and you can click on "Generate Code" button. 
   
   
10. Copy your website id and div id (as circled below), you will need this two ids when you are going to setup Google FriendConnect module.
    
11. You can login now to your Joomla administrator page, install Google FriendConnect module,  go to Modules -> Site Modules -> select Google FriendConnect module and the rest is quite self-explanatory.