Membuat Widget Followers Dengan Efek Scroller

Home » Tutorial » Membuat Widget Followers Dengan Efek Scroller KomentarHot! » Arsip Arsip New!» Back to top

Senin, 21 November 2011

Setelah beberapa waktu Saya memposting Membuat followers dengan efek slide show dan Membuat followers dengan efek bubbles, Sekarang saya akan memposting Widget Follower Dengan Efek Scroller.
Ini adalah contoh followers dengan efek scroller:

Langkah mudahnya sebagai berikut :
Pertama :
Silahkan Login dulu di Blog kesayangan Kalian
ADD GEDGET dan pilih HTML Java Script
dan copas Kode berikut :

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-7791692969327865584" style="width:404px;"></div>
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ALTERNATE_BG_COLOR'] = '#000000';
skin['BG_COLOR'] = '#ffffff';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-7791692969327865584',
url:'http://www.eaglewebapp.com/ewa/gfc/scroller/scroller.xml',
site: 'YOUR GOOGLE FRIEND CONNECT SITE ID',
'prefs':{'imgHeight':'50','scrollerWidth':'400','maxDisplay':'15','speed':'1','showEndcaps':'1', 'showInnerLines':'1','endcapsBg':'1'}
}, skin);
</script>

Untuk Mendapatkan ID FRIEND CONNECT

Silahkan Klik http://www.google.com/friendconnect

Akan Muncul gambar seperti