salah satunya seperti Followers dengan Bubbles Effect berikut :
angkah mudahnya sebagai berikut :
Pertama :
Silahkan Login dulu di Blog kesayangan Kalian
ADD GADGET dan pilih HTML Java Script
dan copas Kode berikut :
<script src=”http://www.google.com/friendconnect/script/friendconnect.js” type=”text/javascript”>
</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:’GANTI DENGAN ID FRIEND CONNECT KALIAN‘,
‘prefs’:{‘width’:’300′,’height’:’300′,’maxDisplay’:’10′,’color’:'center’}
}, skin);
</script>
</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:’GANTI DENGAN ID FRIEND CONNECT KALIAN‘,
‘prefs’:{‘width’:’300′,’height’:’300′,’maxDisplay’:’10′,’color’:'center’}
}, skin);
</script>
Untuk Mendapatkan ID FRIEND CONNECT
Silahkan Klik http://www.google.com/friendconnect
Akan Muncul gambar seperti :
Kemudian Copy Kodenya…!!
Semoga bermanfaat !
sumber : http://blog.cyber4rt.com/index.php?post=membuat-widget-follower-blog-dengan-efek-bubbles&category=4rt-design