Cara membuat kotak komentar facebook di blogger

Cara mudah membuat kotak komentar Facebook di Blogger, untuk menggunakan komentar dari Facebook agar terhubung dengan teman-teman kamu dan memberikan komentar bila ada posting di blog kamu punya agar kelihatan menarik. Cara ini merupakan cara termudah dari yang aku temukan di google untuk kata kunci cara membuat kotak komentar facebook, cara memasang kotak komentar facebook di blogger, cara membuat aplikasi kotak komentar facebook di blogger dan cara mudah membuat plugin kontar facebook di blogger.

Tips berikut ini mudah digunakan dan semua bisa melakukannya serta gampang. Dalam menggunakan kotak komentar Facebook yang akan diletakan di blog khususnya blog yang menggunakan blogger (blogspot), pertama-tama kunjungi alamat Facebook ini http://developers.facebook.com/plugins, ada beberapa plugin yang bisa kamu gunakan namum disini yang kita bahas adalah kotak komentarnya jadi pilih comment plugin. Klik plugin "Comment" nanti akan muncul permintaan untuk menggunakan plugin komentar Facebook.

membuat kotak komentar facebook
klik tombok "get code" kemudian muncul kode script, dan kopi paste script tersebut di notepad buat sementara waktu.
kode id komentar facebook
plugin komentar facebook di blogger
Kode tersebut tidak bisa langsung di pakai, karena kamu harus registrasi dulu agar bisa terhubung dengan Facebook. Pada kotak script tersebut ada link yang menuju registrasi untuk menggunakan aplikasi tersebut. Ini pesannya :


Untuk menggunakan plug-in ini, situs Anda harus memiliki ID aplikasi. Anda dapat memperoleh ID aplikasi dengan registering your site. Gantilah APP_ID di skrip di atas dengan ID aplikasi Anda.


Klik link menuju registrasi dan muncul seperti ini untuk membuat aplikasinya, ada dua cara registrasi yang di sediakan, yaitu menggunakan no hp dan kartu kredit. disini saya menggunakan registrasi menggunakan no hp.
permintaan konfirmasi facebook
konfirmasi pendaftaran plugin
Masukan no hp dengan contoh format +628XXXXXXXXXX tunggu beberapa saat pihak Facebook akan mengirimkan kode konfirmasi sebanyak enam karakter, setelah itu kamu masukin kode konfirmasi tersebut, kalau berhasil maka akan muncul permintaan membuat aplikasi komentar.
buat aplikasi komentar
daftar aplikasi
isi nama situs, url situs, lokasi dan klik tombol "buat aplikasi". Kalau benar pengisiannya nanti muncul kode keamanan. Ingat dalam pengisian url situs (blog) akhiri dengan tanda "/" contoh : http://namablogkamu.blogspot.com/
isi kode keamanan facebook
confirm


masukan kode keamanan dan kirim. Permintaan aplikasi selesai, kamu akan mendapatkan kode App_ID dan kode rahasia, simpan kode tersebut di notepad (kalau bisa satukan dengan kode yang di simpan sebelumnya), kode sebelumnya yang kamu simpan tadi masukan APP_ID yang telah kamu dapatkan

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments width="425"></fb:comments>

Untuk membuat komentar tersebut akan tampil di blogger :
1. login ke blogger klik layout (rancangan) dan pilih edit html;
2. jangan lupa klik Expand Template Widget;
3. cari kode  <data:post.body/> dan tempatkan kode  script komentar facebook diatas tadi tepat di bawah kode  <data:post.body/> setelah itu;
4. simpan template, lihat hasilnya.

Semoga bermanfaat.

tag: membuat aplikasi komentar facebook di blogger, cara mudah membuat aplikasi komentar facebook di blogger.

17 komentar:

  • mas, kalo no hpnya diganti baru bisa ga?gimana caranya buat ganti no hp yang baru,.?

  • Lingga Permadi

    Pertanyaanya adalah, kenapa no hp nya harus diganti? ^_^

  • indriana

    Mas, saya sudah coba tapi kok, efeknya di setiap artikel saya komennya cuma itu2 mulu...seperti duplikat...apa ada yg salah yah..??tolong kasih tau..

    jd intinya setiap artikel satu dengan lainnya, komentarnya itu saja.. misalnya komentar di artikel satu tiba2 muncul di artikel lainnya...kasih petunjuk yach..?? harus gmn mas..

  • phoneseluler

    saya numpang baca2 dulu sob, tar saya akan mencobanya

  • Adhika Dharmesta

    Wah bisa sob
    http;//adikadarmesta-adika.blogspot.com

  • Unknown

    mas ada 2 kode plugin
    pertama

    <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/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    kedua
    <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"></div>

    dimana harus pasang kode pertama dan kode kedua itu mas.. mhon bantuannya

  • Ahmad Afandi

    keduanya harus dipasang

  • Tika Lilyana

    wah rumit nya ,padahal hanya bikin yg beginian ,..pantesan Fb sekarang kurang simpel di bandingkan Twitter,... ya klo berhasil,..klo gk bisa bikin migren aja,...

    rumit ya?

  • gudangcara.com

    makasih ilmunya :) dinanti kunjungan baliknya

  • Belajar NgeBlog

    Waah bisa dicoba neeh

  • Belajar NgeBlog

    Silakan buka blog saya, ada jug caranya.

  • Cerita Runa

    saya dulu pernah membuat app_id , tapi saya lupa , bagaimana cara mengetahuinya kembalii ? saat masuk ke halaman aplikasi saya , saya lupa nomer hape yang saya pake waku pendaftaran hehe, mohon bantuannya

  • amalinakayyisah

    Wah, mantab.. bisa di coba ini hehe

    by Kayyis

  • Rumah Indihome Jogja

    komen di halaman A kok di halaman B ada juga komen nya ya, sama pula, itu ngeditnya gimana ya

  • Lingga Permadi

    @dearAll ,

    Untuk penggunaan Plugin:
    <"div" id="fb-root">
    <"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/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    kedua
    <"div" class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"><"div">

    Bisa di masukan dalam satu Page / halaman saja.

    @tarifmasuk layanan:

    gunakan script diatas, dan Ganti http://example.com dengan url page anda.

  • syakirurahman

    terima kasih buat tutorialnya mas :)

  • linkvariasi

    ijin coba dan ijin blogwalking sekaligus nitip promo http://linkvariasi.blogspot.com/2014/07/sewa-mobil-dimasrentcar.html