Google Friend Connect tested for blogger blogs- a tutorial

Posted on: Saturday, December 6, 2008 //
Bookmark Save to del.icio.us with 0 happy readers!


Yes guys you heard it right. Hours after the all new Google Friend Connect wGoogle Friend Connect logoas released I'm definitely one of the first who dared to try it out for blogger platform and I'm happy to say that Google Friend Connect works for blogger. It was a simple installation after all.
Lets start with a simple step by step procedure.

1.Firstly you need to go to http://www.google.com/friendconnect

2. Next You can easily find Set up a new site in their page.

3. Enter the site name and url and you will be directed t
o install "rpc_relay" and "canvas" HTML pages into your server. This is a tricky part. Many people will stop right here but its not as it seems.
4. Download both the files.Google Friend Connect

5. Now open "rpc_relay" in notepad and copy its contents and paste in a new post. ( New post in blogger means dashboard>> create>>) Dont forget to name the title as "rpc_relay" without double quotes.
5. Repeat step 5 for "canvas" with title "canvas" without double quotes.
6. Now publish both the posts and proceed with the next step in "Google Friend Connect" installation process.
7.Customize your Google Friend Connect members gadget and copy the HTML code and paste it as a new gadget in the layout.
8. That's it! A Simple procedure I know.

* Errors: While publishing the pages "rpc_relay" and "canvas" you might encounter an error saying that you cant use the HTML tag, you have to check on stop executing tags and continue.

Populate your Friend Connected site with as many gadgets as you'd like. Click on a gadget below to get the snippet of code for your site.

Wall gadget:
Allows viewers to post comments, or links to videos on your site.

Review / Rate Gadget

Allows viewers to rate a page, or a section of a page. Viewers can use this to rate videos, articles, books, photos, songs, or anything else you can imagine. You can put multiple Review/Rate gadgets on one page, one for each item you want viewers to review.
OpenSocial Demonstratioon


This is a sample OpenSocial application that demonstrates the basic concepts that an OpenSocial developer can use in their application.>Fetch site name Fetch members list Fetch profile of current visitor Fetch friends of visitor Zoom in/out of canvas mode
Lame Game!
Here is a silly game (lame) where visitors simply click as often as they can to increase their score vs. their friends and other members

Or else create a custom one to generate the code snippet that you need to add a custom OpenSocial gadget to your site.

ANY MORE QUERIES Regarding the installation process feel free to comment here. Ready to help Anytime! I dont like asking like this but please do join this website on Google Friend Connect "chethstudios". Thank You

20 Responses to “Google Friend Connect tested for blogger blogs- a tutorial”

  1. Manoj M says:

    nice post... i have added the gadget to my blog as well

  2. Robert MacEwan says:

    Nice write up on the Google Friend Connect offering. I've got the entire sign up process in screen shots on my flickr site. Free for anyone to use. I will not link just look for macewan.

    Did you run into the same problem trying to view their video?

  3. chethan says:

    @Manoj Thanks for the comment buddy. I've joined to your site through Google Friend connect.

  4. chethan says:

    @Robert MacEwan

    Just checked your flickr photostream. You've got some real nice screen shots of the entire Google Friend Connect installation process.

  5. Robert MacEwan says:

    @chethan, thanks :-) http://flickr.com/photos/macewan/ is where the screenshots can be found. Also on the Friend Connect join pages they are providing the incorrect link to a YouTube video. The correct link is http://www.youtube.com/watch?v=N94s7ix0JPo if you want to watch the developers talk about the subject.

  6. chethan says:

    @Robert MacEwan,

    Yea I reached to all the places. dropped a comment on your flickr photostream, and just a few minutes back watched the video on Google Friend Connect on your website.

  7. Steve says:

    A well written tutorial for installation. Wordpress plugin flor Google friend connect. Tested for blogspot blogger blogs

  8. Daisy says:

    Your blog is one of the best blogger powered blogs

  9. Anonymous says:

    Please help install google friend connect. Contact you via contact forms

  10. aravinthan says:

    i think bloggers blog will not need those two files...

    you can leave that step and then continue with the next step i think..

  11. cheth says:

    @aravinthan thanks for mentioning that trick. I didn't experiment much with Google Friend connect

  12. Michael Aulia says:

    Haven't found out yet what I should do with Google Friend Connect on my blog. I'll skip this one until they can come up with more useful widgets

  13. cheth says:

    @Michael Aulia

    Yea same here, but I was eager to try it out.

  14. googlefriendconnectblog says:

    welome to join us

    http://googlefriendconnectblog.blogspot.com/

  15. birdy says:

    Great informative blog. I will certainly try Google Friend Connect for my blog.
    Thanks

  16. Tenkely says:

    Nice tut and designs! Did you have to upload canvas and replay, I just skipped that step on my site (http://blog.tenkely.net) and it seems to be working just fine!

  17. cheth says:

    @googlefriendconnectblog

    Thanks for inviting to join your google friend connect directory. Joined it already :)

  18. cheth says:

    @birdy
    Yea have a great going! I will join your blog too let me know

  19. cheth says:

    @Tenkely

    Yea the step can be skipped :)

  20. Ryan says:

    I recently came accross your blog and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.


    Sarah

    http://www.lyricsdigs.com

Leave a Reply

We have one Rule, NO SPAM Please! We use Dofollow tags so if you drop a comment or link to this page you get a track back backlink! Enjoy!!