Paket Web Aplikasi

Cara Menambahkan (Menginsert) Plugin Komentar Facebook di Blogspot


Oke pada kesempatan kali ini saya akan menjelaskan secara detail step by step cara menambahkan plugin komentar facebook di blogspot, sebenarnya ide membuat artikel ini muncul karena ada permintaan dari visitor untuk cara menambahkan plugin comment facebook di blog, saya yakin anda semua pasti sering melihat website dengan komentar facebook, jadi ketika akan berkomentar di sebuah website maupun blog anda diharuskan untuk login facebook terlebih dahulu baru kemudian anda bisa berkomentar di website atau blog tersebut, kurang lebih dari tampilan plugin facebook tersebut seperti gambah di bawah ini :

Untuk membuat plugin komentar facebook caranya adalah sebagai berikut :

  • Langsung menuju link berikut https://developers.facebook.com/docs/plugins/comments/
  • Setelah itu login dengan akun facebook anda
  • Kemudian di Comments Plugin Code Generator silahkan masukan URL website atau blog yang ingin anda masukan plugin comments facebook, untuk detail bisa di lihat pada gambar di bawah ini :
  • Pada field Comments Plugin Code Generator silahkan masukan URL website atau blog anda yang ingin di pasang plugin facebook comments.
  • Pada field Width sesuaikan ukuran lebar plugin comment dengan lebar layout website atau blog anda.
  • Pada field Number Of post silahkan anda batasi komentar yang akan di tampilkan.
  • Kemudian anda tekan tombol / button Get Code maka anda akan mendapatkan tampilan modal pop up seperti gambar di bawah ini :
  • Silahkan anda masuk ke akun blogger anda, kemudian pilih menu template lalu klik Edit HTML seperti gambar berikut :

  • Setelah itu copy code pertama ini tepat di bawah tag <body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  • Kemudian masuk ke menu Tata Letak, tambahkan widget text/javascript, sesuaikan letak widget untuk komentar, silahkan copy dan pastekan code berikut ke dalam widget
<div class="fb-comments" data-href="http://www.niqoweb.com" data-width="500" data-numposts="5"></div>

Silahkan lihat halaman blog atau website anda bila berhasil anda akan mendapatkan tampilan seperti gambar paling atas dari artikel ini. Semoga tutorial ini bermanfaat dan bisa membantu anda untuk memasang plugin komentar facebook di website atau blog. Silahkan di coba dan dipraktekan.

Selamat Belajar

Previous
Next Post »

Komentar