Cara Memasang Google Friend connect pada website Member sitekno

Mungkin Layanan Friendconnect yang disediakan oleh google ini bisa menjadi salah satu sarana silaturahmi antar member sitekno, OK saya akan kasih tau cara memasang google friendconnect khusus untuk website atau Blog member sitekno

Pertama Anda kunjungi URL berikut : http://www.google.com/friendconnect

silahkan Sign in jika sudah punya account Gmail, silahkan Daftar Gmail dahulu jika belum punya account Gmail

setelah Berhasil login silahkan pilih "Set up a new site"

Lalu akan masuk ke halaman berikutnya seperti dibawah ini , Lalu pilh menu

"Friend Connect for standard web sites » "

Halaman Berikutnya pilih Continue

lalu Anda isi nama web dan alamat web lalu continue

lalu Anda akan masuk ke halaman untuk verifikasi 2 file yaitu rpc_relay.html dan canvas.html, khusus member sitekno silahkan SKIP step yang satu ini langsung continue,

lalu Anda masuk ke halaman terakhir untuk setup google friendconnect, klik tombol Test to finalize setup

sekarang Anda sudah berhasul setup google friendconnect, sekarang tinggal Anda pilih aplikasi yang mau di pasang, ada beberapa pilihan aplikasi yang bisa di pasang yaiut Social bar , Members gadgets , Social gadgets

kita akan menggunakan Member gadgets dulu , silahkan klik Get code for the Members gadget »

lalu Anda akan masuk ke setingan aplikasi yang ingin di buat:

lalu kopi code yang di sediakan lalu pastekan di panel website member sitekno

Agar muncul di website sitekno Anda harus menambahkan   &nbsp seperti contoh dibawah ini:

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js">&nbsp ; </script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-7864328627231943168" style="width:276px;border:1px solid #cccccc;">&nb sp; </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['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-7864328627231943168',
   site: '09463775223916531707' },
  skin);
</script>

selamat mencoba