17 Desember 2011

Cara Membuat Follower Blog Dengan Efek Bubles

Inovasi Widget Blog sangat banyak ragamnya. Jika kita mau sedikit bereksplorasi, maka kita akan banyak menemui widget widget yang menarik. Salah satunya adalah widget follower blog yang tampilannya kita buat lebih menarik lagi. Bagaimana caranya?

1. Sepeti Biasa, tambahkan sebuah elemen halaman baru

2. Pastekan Kode berikut

<script src=”http://www.google.com/friendconnect/script/friendconnect.js” type=”text/javascript”>
</script>
<div id=”div-7791692969327865580&#8243;>
</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&#8242;,
url:’http://www.eaglewebapp.com/ewa/gfc/bubbles/bubbles.xml’,
site:’GANTI DENGAN ID FRIEND CONNECT KALIAN‘,
‘prefs’:{‘width’:’300&#8242;,’height’:’300&#8242;,’maxDisplay’:’10&#8242;,’color’:'center’}
}, skin);
</script>

3. Pada Tulisan Warna merah, ganti dengan ID google friend connect teman teman
4. Save, lihat hasilnya

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Follower Blog Dengan Efek Bubles

0 Komentar:

Posting Komentar

Terimakasih telah meninggalkan Komentar di Didit Blog | Silahkan berkomentar dengan bebas, tidak mengandung SARA | komentar dengan link HIDUP akan dihapus | Terimakasih ^_^