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 Options2 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.
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,
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