Urdu English
English English Deutsch Deutsch Español Español Français Français Italiano Italiano Nederlands Nederlands Português Português Русский Русский Ελληνικά Ελληνικά

Welcome to Jumi! >> Tutorial >> Google Friend Connect

This widgets will allow you to grow your site's traffic by using social tools.


You need to set up Friend Connect for your website with your Google account.

Importing it with Jumi

Just decide where you want it to appear and paste the code provided by Google into Jumi module or component. If you want to include it into article with Jumi plugin, you need to create a file containing the code and include it using this syntax {jumi [path_to_file]}.

The code can be something like this:

<!-- 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-1228149425469" style="width:566px;border:1px solid #cccccc;"></div>

<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '200';
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_HEADLINE_COLOR'] = '#333333';

google.friendconnect.container.renderMembersGadget({id:'div-1228149425469', site:'00064637344286546521'}, skin);