Java Script Free CodeJava Script Free CodeJava Script Free CodeJava Script Free CodeJava Script Free Code
Menu
Login Form
Kontak
YM ADMIN


DONATE
Ingat Waktu
Rank
Bisnis Untuk Anda
honda jazz
Histats
Chatt
Main » Articles » Tutorial

Cara Memasang Google Friend connect pada website Member
image

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 kawan....

 

 



Category: Tutorial | Added by: FraNGky (05.26.2010)
Views: 1197 | Comments: 1 | Rating: 0.0/0
Total comments: 0
Name *:
Email *:
Code *:
Search ZONE
Section categories
News And Education [4]
Bug Dork [2]
Tutorial [9]
For MIRC [4]
Hacking [2]
Widgeo.net ZONE
widgeo.net
Bisnis Investasi
SoftwareBisnisOnline.com Peluang Anda Menuju Sukses bisnis gratisan bisni sisterm board - pasang iklan dibayar
Copyright MyCorp © 2024Free web hostinguCoz