How to install Google Friend Connect gadgets
The process is easier than you have already seen. There are some articles and videos teaching how to install GFC in an website, Wordpress self hosted blog and this lens has the objective to show you how to install GFC using other platforms.
This Installing Google Friend Connect guide show how to setup GFC using the b2evolution platform.
Most of the Social Media platform with Widget enabled can have one or more GFC gadget. There are Widget extensions for Wikis too.
Do worry about "so many steps" because they are easy to follow.
If you are familiar with Wordpress you have already seen at the dashboard the Appearance option with the Widgets text/HTML.
Blogger users have an automatic insertion of the Members gadget.
See the power of Google Friend Connect watching Simon Ford's YouTube video
Google Friend Connect video.
Have you already visited Social Traffic and Google Friend Connect lens?
The video description tell how Social Traffic helped to get it high ranked.
GFC Secret and requirements:
The "secret" is to choose a Text/HTML widget where you will paste the code for Members, Wall and other gadgets. There are space requirements for websites and blogs. They must have a sidebar with 200 pixels width or larger for GFC gadgets to fit into and to show only 2 rows of faces you need 190 pixels high. Without columns you are able to add a Social Bar
1. Access google.com/friendconnect
In this step we will setup a new site.
GFC Home Page

2. Sign in with a Google Account
Sign in to Google Friend Connect using a Google Account

Make sure to not set the check box "Remember me on this computer" if you are using a public computer. It is safe and comfortable to check to remember at your own computer at home.
3. Click the link for standard websites

4. Google overview we will follow
Click Continue

5. Fill the boxes
Site name and Home URL and Continue

6. Add the two files where indicated
Note the place where you have to upload the files

Download both files (you can save at you desktop or other folder of your choice) and upload them to the destination URL. You can use Cpanel File Manager if your Host provides that feature or a FTP client as FileZilla, CuteFTP, ... There are so many FTP clients for so many platforms that if you do not have it search 'free FTP client Mac', for example, download the application, install and follow the instructions to connect to your site.
7. Click Test to finalize setup
Let Google check if all is fine.

8. Click Get code for Members gadget

9. Chose sizes, colors, and Generate code
Here we have some choices

Check the width so that will fit on the sidebar. Check the colors as the same colors of the blog. We can change that later editing the code and using some free color picker to get the Hex - hexadecimal color value.
10. Add widget
Sign in to Blog with an user with administrator privileges

- Select the Blog
- Blog settings
- Widgets
- Sidebar > Add widget
11. Select General purpose Free HTML
This is the kind of Widget where we can have Text, HTML, codes

Custom text/HTML of your choice. That is where we will paste the GFC code.
12. Click the pencil to edit widget
At the Sidebar list, the last item is our Free HTML widget

13. Paste code and Update

- Left click Block content
- Press Ctrl and V to paste the code
- Click the Update button
Now we have an widget in the sidebar with GFC Members!
Visit the GFC Blog
Scroll down to see the sidebar option "Join this site"
14. We are done! Join this site!
You ask me: - And the comments?

Just go to Step 8 and choose:
Social gadgets » Wall gadget »
To allow viewers to post comments, or links to videos on your site.
I did it! Explore the options, try and learn even more! Have fun!
Google Friend Connect Video

- aka Twitter
- 0 followers
- 0 following
-
- Paid webOS Apps Coming To Europe in March http://bit.ly/716OKN by @mashable
-
- Avatar Makes a Billion Dollars http://bit.ly/8fPADF by @mashable
-
- Eu adoro dar abraço, eu já dei o meu, distribua abraços vc tbm. #maiorabracovirtual http://migre.me/erIr
-
- Dica de como ganhar followers no twitter: http://bit.ly/6ujDDJ
-
- Google Celebrates Newton’s Birthday With an Animated Logo http://bit.ly/7wv3NY by @mashable
Google Friend Connect Blog
I will be posting some info about the people that joined the Blog.
You will read some interesting things about them!
Fetching RSS feed... please stand byI hope this is helpful
-
Reply
- Jonathan_Rivera Jonathan_Rivera Jun 7, 2009 @ 11:14 pm
- Excellent lens with thorough instructions. Really great work Joao!
-
Reply
- rumbling rumbling May 29, 2009 @ 8:59 pm
- Thanks for this very informative step by step guide , if you are a blogspot user and is thinking about how to do add this you have nothing to worry about , just add the followers widget it has all the functionality of Friend Connect Widget
-
Reply
- successnow4u successnow4u May 16, 2009 @ 9:47 pm
- Hi Joao,
I am going to addthis to my lens roll with "The Benefits of Using Google Friend connect" once I get them seeing the benefit to their business your page can be there
for them to know how to install it and use it. What a terrific resource you have here for new users and those determined to install themselves, thankyou !!!
-
Reply
- jblm jblm May 4, 2009 @ 7:46 am | in reply to Sydneygroove_Lifestyle-Events
- Hi Peter, thanks for stepping by.
-
Reply
- jblm jblm May 4, 2009 @ 12:20 am | in reply to JenniferAkers
- Hi Jennifer, thanks. If you want you can have your blog at any of my domains. I will be glad to host it. All the best and have a great week!
- Load More
GFC Link List
SquidWriting
- Squid Writing by Jennifer Akers » Blog Archive » Google Friend Connect
- Nice articles. Can read even more about Google Friend Connect
by jblm
I started to work with computers in 1973.
The Internet rose my passion and I saw
Marketing opportunity in 19... (more)




