| 0 comments ]

Overview

Millions of sites are using Google Friend Connect (GFC) to provide their visitors social features. GFC is on so many sites because it can be added by site owners who have no programming experience, by copying and pasting snippets of code from http://www.google.com/friendconnect.

However, since Google Friend Connect also provides a rich set of APIs, programmers can create deep integrations with their existing sites. If you have JavaScript or server-side programming skills, read on to learn more about the different ways you can take advantage of Google friend connect.

Login to GoogleFriendConnect



else GoogleLab

and choose friendconnet APIs

then click on this URL


1 Options
Social bar position:
Choose where you would like to have the social bar appear on your page.
Include comments gadget
Comments apply to:
This affects whether or not visitors see the same discussion across your entire site regardless of the page they are on, or if each page has its own separate discussion. You can also set this to "Id" to have a set of pages share a single discussion.
Start with this text in the comments area:
Comments header:
Allow visitors to post YouTube links
Allow anonymous posts

2 Create the HTML code

We will generate some lines of HTML that create and render this gadget. To make Friend Connect work, you have to put this code into your site.

Generate code
1. Place this snippet of code at the VERY TOP of your web page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2. Place this snippet of code anywhere after the <body> tag in your web page.

-------------------------------------------------------------------------------------------------------------------------------
<!-- Include the Google Friend Connect javascript library. -->

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<!-- Define the div tag where the gadget will be inserted. -->

<div id="div-8061387293099295870"></div>

<!-- Render the gadget into a div. -->

<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = '#cccccc';

skin['ENDCAP_BG_COLOR'] = '#e0ecff';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#0000cc';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#0000cc';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

skin['POSITION'] = 'top';

skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';

skin['HEADER_TEXT'] = 'Comments';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderSocialBar(

{ id: 'div-8061387293099295870',

site: '12162148952870238826',

'view-params':{"scope":"PAGE","features":"video,comment","showWall":"true"}

},

skin);

</script>

--------------------------------------------------------------

Warnings:
- The above code is mine , Don't copy this code , copy your generated code in respective place...


Now You can enjoy, Good luck ,
If you are facing any problem then feel free to do comment else refer "How do I add the Following gadget to my blog?"

Good Luck!!!

Thanks,

Amaresh

0 comments

Post a Comment

Thanks for reading , if you have any problem please leave me a comment here I will help you by my best.Please note that you put the friendly words to help each other to improving and developing these tips to be better,or the best way for you to track my blog is subscribing my Feed.You are always welcome on http://bloghelpforbegineers.blogspot.com

Best regards,
-Amaresh