03/03/11

GOOGLE Friend Connect Anda Hilang..

Posted by pamuji99 22.26, under | 11 comments

Kasus Hilangnya Google Friend connect tentunya pernah menimpa Anda atau rekan Anda...sebenarnya itu bukan Hilang trus semua datanya hilang semua masih tersimpan dalam GFC...Akan tetapi pasti Ada pertanyaan,meski telah diubah memang awalnya kelihatan dan sehari seminggu kemudian Hilang ...ini kerap kali terjadi Pada template diluar Blogger jadi kode yang ada tidak sinkron,pengalaman ini terjadi pada Blog ini karena template ini menggunakan premium blogger template dengan kode JSON...beberapa cara akhirnya ketemu ujungnya pada di Tutorial asal Blog ini juga...Tapi kali ini saya tidak membahas kode JSON tapi Alternatif Jika benar Google Friend Connect Anda Hilang Maka Gunakan cara sebagai Berikut :
                                    Tahap Pertama
  1. Daftar dulu ke google friend connect
  2. Masuk ke Members gadgets
  3. Buatlah ukuran follower sesuai keinginan anda
  4. Copy code Html-nya
  5. Masuk ke dasboard, layout, add gadget,add HTML/JavaScript,paste, ok
  6. Sebelumnya perhatikan code HTML anda yang bakalan anda lihat tampilannya kurang lebih seperti ini.( ini kode milik Blog ini ):

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-6907443219531653664" style="width:276px;border:1px solid #cccccc;"></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-6907443219531653664',
   site: '14928306172725711524' },
  skin);
</script>

( Id: maupun site nomer tebal diatas adalah no Blog ini jadi Copy kode Blog Anda  karena kalau menggunakan ini Follower id blog saya nanti  nyasar pada Blog ini  he he he ) caranya : Ganti kode blog diatas dengan nomor kode blog anda yang ada di google friend connect, okey lanjut ...

Tahap Kedua
 Masih Dalam Dachboard google Friend Connect Klik pada Pengaya dan API selanjutnya pilih pada ada tiga kolom diantaranya : (API Javascript                 API REST                                                         Plugin)
ambil pilihan API Javascript dan Copy Kode Java Scripnya simpan dinotepad dulu.......contoh kode seperti ini  ( Ingat ini Kode Blog ini yang berbeda kode site /angka seperti saya jelaskan diatas ),Masukan Code ini dan Letakan diatas code </head>
<!-- Load the Google AJAX API Loader -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<!-- Load the Google Friend Connect javascript library. -->
<script type="text/javascript">
google.load('friendconnect', '0.8');
</script>

<!-- Initialize the Google Friend Connect OpenSocial API. -->
<script type="text/javascript">
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.initOpenSocialApi({
  site: '14928306172725711524',
  onload: function(securityToken) { /* your callback, which is passed a security token */ }
});
</script>
Tentunya untuk mencari kode </head> yach masuk ke Dashboard Blogger Anda Biasanya  setelah edit HTML lanjut centang edit HTML dulu okey
Tahap Ketiga
Masih Dalam Edit HTML ( centang Edit HTML ) dan Lanjutan tahap dua Masukkan kode dibawah ini tepat diatas kode </body>
<script type=”text/javascript”>
function initAllData() {

};
</script>
sudah beres semua lanjutkan SIMPAN / SAVE dan Lihat Hasilnya.......

CATATAN : Sampai disini Banyak Blogger yang berhasil Kolom GFC Muncul tapi Banyak Juga kolom Follow GFC yang masih Blank kalo itu terjadi itu pengaruh dari template Anda berbenturan dengan kode  HTML maupun Java Sript Blogger...seperti kasus pada GFC pada Template blog ini sebelumnya begitu kalo itu terjadi Coba cari tambahan kode tutorial pada template yang Anda Rujuk dan Kebetulan ini template Premium Blogger kode JSON ( Jika Anda Menggunakan template Lasantha by premium Blogger template ) maka Anda Bisa menambahakan Kode dibawah ini sebelum atau diatas kode 
</head>
 <script type='text/javascript'>
//<![CDATA[

JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});

//]]>
</script>
kemudian Klik Simpan /Save BUEEERES.......

Apakah Anda Bosan dengan tampilan Google Friend Connect yang kurang Komunikatif yach Anda Bisa membaca tulisa kemarin pada Judul posting  Merubah Tampilan Google Friend Connect atau pilih tema lain dikontes terbaru  Meriahkan pesta ulang tahun bersama GarudaFood



Silahkan copy artikel ini,dengan catatan jangan rubah sumber cukup setting rata kiri kanan text untuuntuk mendapat backlink ke blog ini

Share |

11 comments:

salam sahabat
lama tidak mampir makin keren saja postingannya,syukur saya tidak pernha mengalami GFC hilang semoga tetep aman aman saja terima kasih ya

Makasih Info GFC nya... Saya kemaren ganti "Networked blogs" dari FB.. Karena GFC saya gak tampil..
Mas Follower di blog mas Bagus.. Tolong kasih tutorialnya , kok bisa followernya banyk bisa lewat mana aja...

@wagetouzy: Gan thank att...Kolom gadget Follower yang saya pake lewat gadget Follower SOCIAL Bar Anda Bisa langsung ke Judul Posting Widget Social Bar Tutorial pada posting sebelumnya

@Dhana : semoga GFC Mbak dhana ngga pernah blank...dan sukses thank yach komentarnya

@+akufobia+ : thank
@Megi Rahman : okey ntar aku follow balik

bingung aku mas... aku pakek blogspot..

masih aja gak bisa mas...

@wage :ini tutorial blogspot..anda masuk akun google friend connect...trus cari gadget pada buat kode html itu kode anda...


Blog Archive

Blog Archive

 
LH
Select a text on the page and get translation from Google Translate!

Free translator