Percantik Google Friend Connect Anda Dengan Widget Bubbles

Ingin percantik Google Friend Connect anda dengan widget Bubbles. Widget ini akan menampilkan sejumlah gambar komunitas members di blog anda dengan efek bubbles yang terpantul-pantul seperti gelembung. Contohnya bisa anda lihat pada widget members disamping blog saya. Untuk dapat menggunakannya sobat harus memiliki google friend connect dan memiliki cukup anggota.

Berikut langkah - langkahnya.
1. Copy kode HTML di bawah ini.

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-7791692969327865580"></div>
<script type="text/javascript">
var skin = {};
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-7791692969327865580',
url:'http://www.eaglewebapp.com/ewa/gfc/bubbles/bubbles.xml',
site:'Masukkan ID google friend connect kamu disini',
'prefs':{'width':'250','height':'200','maxDisplay':'15','color':'RANDOM'}
}, skin);
</script>

Keterangan.
*  Kode berwarna merah ganti dengan id google friend connect kamu.
*  'width':'250' dan 'height':'200' adalah ukuran lebar dan tinggi widget bisa kamu ganti agar sesuai dengan lebar dan tinggi halaman blog kamu.
*  'maxDisplar':'15'  > adalah banyaknya jumlah anggota yang akan ditampilkan dalam widget bubbles.
* 'color':'RANDOM' > adalah warna gelembung. Warna yang bisa kita gunakan adalah RANDOM, RED, GREEN, BLUE, YELLOW, ORANGE, PINK, GRAY 


2. Kemudian masuk ke menu Rancangan > Elemen Laman > Tambah Gadget. Paste kode HTML yang sudah di copy tadi ke kotak konten.
3. Simpan. 

Silahkan anda kunjungi http://www.eaglewebapp.com/. Di sana terdapat widget lain selain Bubbles.

*** Good Luck ***

Semoga bermanfaat....

Related Post