Blog Personal tentang tips Blogging dan Internet Marketing

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 :

  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

    Widget Friend Connect Blogger
  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.
  6. Hasilnya dapat dilihat pada Bengkel Blog ini, Anda klik Member.
Ayo Like Facebooknya
Tag : Blogging

Share this:

Share this with short URL: Get Short URLloading short url

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

feedburner


Anda telah membaca artikel :
Cara Membuat Widget Friend Connect Blogger
Semoga bermanfaat, Terima kasih.
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.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar

Back To Top