Cara Membuat Widget Friend Connect Blogger

Oleh Syafdillah

16 Februari 2016

Freind conncect blogger yang merupakan bawaan dari draft blogsot kini sudah lama ditinggalkan dan banyak yang berarlih memakai widget fans facebook atau google plus. Namun pada kenyataannya bahwa friend connect bawaan blogspot sebenarnya masih banyak yang pakai. Kendalanya apabila kita mengganti profil dari blogspot ke google plus, maka tidak dapat lagi ditemui fasilitas freind connect blogspot ini, karena sudah dialihkan ke google plus. Untuk itu saya coba memberikan solusi dengan memberikan widget connect blogger ini.

Buat Anda yang masih setia menggunakan freind connect blogger bisa mengikuti langkah seperti di bawah ini :

1. Pertama buat dulu gadget freind connect blogger. Seperti biasa login ke blogger, pilih templatenya lalu pilih "TATA LETAK atau LAY OUT" kemudian pilih "TAMBAHKAN GADGET atau ADD GADGET" dan pilih gadget 'FOLLOWER atau PENGIKUT" lalu simpan
2. Kemudian "VIEW BLOG" atau "LIHAT BLOG" Anda lihat sudah terpasang gadget "FOLLOWER" lalu Anda klik kanan pada MOUSE dan pilih "VIEW PAGE SOURCE" lalu cari nama "MEMBER". Kalau sudah ketemu sorot lalu copy dan paste ke film editor TXT. Seperti ini bentuknya
   
   
   
3. Lihat pada gambar di atas, ada dua informasi yang kita perlukan di sini, pertama ID dan kedua SITE, seperti ini : id: "div-191wpe9r7hi89" dan site: "17352843860452689555"
4. Anda copy script di bawah ini lalu ganti id dan site sesuai dengan bawaan id dan site blogger Anda.
   
   

   <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-191wpe9r7hi89" style="width:100%;border:1px solid #fff;"></div>
   <!-- Render the gadget into a div. -->
   <script type="text/javascript">
   var skin = {};
   skin['BORDER_COLOR'] = 'transparent';
   skin['ENDCAP_BG_COLOR'] = 'transparent';
   skin['ENDCAP_TEXT_COLOR'] = '#666666';
   skin['ENDCAP_LINK_COLOR'] = '#1da7e7';
   skin['ALTERNATE_BG_COLOR'] = 'transparent';
   skin['CONTENT_BG_COLOR'] = 'transparent';
   skin['CONTENT_LINK_COLOR'] = '#1da7e7';
   skin['CONTENT_TEXT_COLOR'] = '#666666';
   skin['CONTENT_SECONDARY_LINK_COLOR'] = '#1da7e7';
   skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#999999';
   skin['CONTENT_HEADLINE_COLOR'] = '#1da7e7';
   skin['NUMBER_ROWS'] = '4';
   google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
   google.friendconnect.container.renderMembersGadget(
    { id: 'div-191wpe9r7hi89',
      site: '17352843860452689555' },
     skin);
   </script>

   sumber script : http://www.kompiajaib.com/
5. Selanjutnya Anda buat suatu laman statis mungkin dengan nama MEMBER lalu paste script di atas dan simpan, selesai.
Hasilnya dapat dilihat pada Bengkel Blog ini, Anda klik Member.

Ayo Like Facebooknya

Tag : Blogging