Cara Membuat Widget Friend Connect Blogger




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 :

  • 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
  • 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

  • Lihat pada gambar di atas, ada dua informasi yang kita perlukan di sini, pertama ID dan kedua SITE, seperti ini : id: "div-1q3ngwiiyi6is" dan site: "12330140760448593299
  • 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-1q3ngwiiyi6is" 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-1q3ngwiiyi6is',
       site: '12330140760448593299' },
      skin);
    </script>
    sumber script : http://www.kompiajaib.com/
  • Selanjutnya Anda buat suatu laman statis mungkin dengan nama MEMBER lalu paste script di atas dan simpan, selesai.

    Hasilnya dapat dilihat pada blog Suka Suka ini, Anda klik Member.

</>


Previous


Next Post »
Berlangganan :
Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari langsung di pesan kotak masuk.
feedburner


Jangan lupa Jempolnya atau dishare ya.

Terima kasih, ditunggu kunjungan balik.
Cara style text di komentar Disqus:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk COPY - PASTE gunakan ctrl+C untuk copy dan ctrl+V untuk paste.

Rekomendasi Untuk Anda × +
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar