Cara Membuat/ Memasang Komentar Facebook Di Blog


Pengembang Facebook selalu berusaha membuat pengalaman pengguna semakin tertarik dengan fiturnya dan Facebook sendiri. Jadi, itulah sebabnya pengembang Facebook juga mengenalkan lencana dan plugin sosial yang mencakup sejumlah hal bermanfaat untuk semua web.

Untuk daftar jumlah plugin terbaik komentar Facebook adalah salah satunya. Kotak Komentar Facebook membantu pengunjung blog Anda mengomentari blog Anda melalui akun Facebook.

Komentar Facebook juga membantu meningkatkan lalu lintas situs Anda karena jika seseorang menggunakan akunnya untuk memberikan komentar, maka pos komentar Anda secara otomatis masuk dalam umpan berita mereka. Yang meningkatkan peluang mendapatkan lebih banyak pengunjung. Seperti yang sudah kita bahas tentang kelebihan penambahan Facebook Like Box dan juga menggunakan Facebook Like button di sela-sela artikel.

Kotak Komentar Facebook juga membantu Anda membuat blog Anda untuk pengguna ramah jika Anda memiliki pengunjung hebat dari Facebook. Jadi jika anda ingin menambahkan komentar Facebook ke dalam blog blogger anda maka ikuti di bawah ini diberikan langkah-langkah sederhana hati-hati.

Cara Menambahkan Kotak Komentar Facebook ke Blogger:
Langkah 1: - Buat Kotak Komentar App Untuk Facebook.

  • Pertama-tama Anda perlu membuat aplikasi di Facebook. Jika Anda tahu caranya, kunjungi sederhana di bawah link yang diberikan.

  • Kemudian Popup Window akan muncul untuk mengisi rincian mengenai aplikasi Facebook.

  • Isi nama Display, Contact Email dan pilih kategori dan setelah itu klik create App ID.

  • Dalam beberapa detik aplikasi baru akan dibuat. Sekarang Anda harus mengubah status tinjauan aplikasi dari mode pengembang ke publik seperti yang ditunjukkan di bawah ini.

  • Sekarang Copy Paste App ID Untuk menggunakan langkah selanjutnya. Jika tidak dapat menemukan lokasi yang sederhana seperti yang ditunjukkan di bawah ini.


  • Langkah 2: - Pengaturan Untuk Blogger Menurut Plugin Facebook.

  • Buka bagian Template Blogger Anda di Blog >> Kemudian Edit HTML.

  • Sekarang cari <html dan ganti dengan kode dibawah ini:


  • <html xmlns:fb='http://www.facebook.com/2008/fbml'

  • Sekarang Cari <head> dan tempelkan kode di bawah tag yang dicari


  • 
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <meta content='Pena Umi' property='og:site_name'/>
    <meta content='Logo Pena Umi' property='og:image'/>
    <meta content='App-Id' property='fb:app_id'/>
    <meta content='http://www.facebook.com/PenaUmi' property='fb:admins'/>
    <meta content='article' property='og:type'/>
    

    Ganti:

    Pena Umi: - Dengan Nama Blog.
    Logo Pena Umi: - Dengan Logo Image.
    App-Id: - Dengan ID APP Facebook.
    PenaUmi: - Dengan Username Facebook Page.

    Jadi pengaturan ini akan membantu debug halaman web sesuai grafik facebook API dengan cara yang lebih baik.

    Langkah 3: - Tambahkan Kotak Komentar Facebook Di Template Blogger.

  • Lihat ke bagian Edit HTML dari template blogger Anda.

  • Cari dengan CTRL+F cari <body> atau <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’> 

  • Sekarang ganti APP-ID dengan kode dibawah ini.


  • <div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'APP-ID',
          xfbml      : true,
          version    : 'v2.7'
        });
      };
    
      (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/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

  • Salin kode diatas dan paste di bawahnya<body> OR <body expr:class=’&quot;loading&quot; + data:blog.mobileClass’> seperti yang dicontohkan di bawah ini.

  • Sekarang cari lagi dengan CTRL + F di bagian template untuk


  • <b:include data='post' name='post'/>
    

  • Kemudian Tempel di bawah kode yang diberikan tepat di bawah kode yang dicari.


  • <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <div>
    <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div>
    </div>
    </b:if>
    

  • Setelah menempelkan kedua kode pada posisi yang akurat. Cukup simpan kode template anda.


  • Sekarang Checkout salah satu posting yang dipublikasikan untuk mengecek kotak komentar Facebook bisa dilihat atau tidak.
    Jika Anda merasa menyesuaikan lebar kotak komentar maka ubah nilai width = '600' sesuai pilihan Anda.


  • Langkah 4: - Langkah Untuk Sembunyikan Kotak Komentar Blogger.

  • Jika Anda ingin menyembunyikan kotak komentar blogger Anda

  • Lalu pergi tab Settings di blog >> Lalu Post dan Komentar

  • Sekarang Ubah Komentar Lokasi ke Sembunyikan dan simpan pengaturannya.


  • Sebagai kesimpulan, kami berharap panduan ini terbukti bermanfaat bagi Anda. Untuk bantuan, pertanyaan atau pertanyaan, silakan memberikan komentar di bawah ini. Bagikan panduan ini dengan teman Anda juga.
    Cara Membuat/ Memasang Komentar Facebook Di Blog Diulas di Pena Umi Production Studio Tanggal Februari 17, 2018
    Atau
    Jangan lupa centang dulu di form Kirim juga ke Facebook, jadi seperti ini: