Cara Memasang Komentar Facebook Responsive di Blog

Pada postingan sebelumnya saya sudah menjelaskan live chat dengan messenger facebook dan kali saya akan share masih juga bertema facebook tapi kali ini sobat pasti sudah membaca judul dari artikel ini yapp betul sekali cara memasang komentar facebook di blog. Siapa sih yang tidak punya akun facebook pasti rata - rata sudah punya dengan memasang komentar facebook pengunjung blog sobat akan lebih dimudahkan untuk berkomentar di blog sobat dengan akun facebooknya jadi tunggu apa lagi jika sobat minat langsung saja ke caranya.
Cara Memasang Komentar Facebook di Blog

Cara Memasang Komentar Facebook Responsive di Blog - Pada postingan sebelumnya saya sudah menjelaskan live chat dengan messenger facebook dan kali saya akan share masih juga bertema facebook tapi kali ini sobat pasti sudah membaca judul dari artikel ini yapp betul sekali cara memasang komentar facebook di blog.

Baca Juga : Cara Membuat Tombol Live Chat Facebook Messenger di Blog 

Siapa sih yang tidak punya akun facebook pasti rata - rata sudah punya dengan memasang komentar facebook pengunjung blog sobat akan lebih dimudahkan untuk berkomentar di blog sobat dengan akun facebooknya jadi tunggu apa lagi jika sobat minat langsung saja ke caranya.

Cara Memasang Komentar Facebook Responsive di Blog


1. Sebelum ke caranya sobat terlebih dahulu memasang meta tag facebook pada template sobat dibawah kode <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Jika sudah terdapat kode diatas pada template sobat abaikan saja cara pertama

2. Tambahkan kode dibawah ini tepat diatas kode </head>

<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 = &quot;//connect.facebook.net/id_ID/sdk.js#xfbml=1&amp;version=v2.9&amp;appId=562901580420523&quot;;
               fjs.parentNode.insertBefore(js, fjs);
               }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
            </script>

3. Kemudian tambahkan kode dibawah ini tepat dibawah kode <data:post.body/> ingat dalam template terdapat banyak kode <data:post.body/> cari yang didalam post.

&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;div id='fb-root'/&gt;
&lt;script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/&gt;
&lt;div id='container-commentfb' style='width: 100%;'&gt;&lt;fb:comments expr:href='data:post.url' num_posts='10' width='650'/&gt;&lt;/div&gt;
&lt;/b:if&gt;

4. Simpan Template sobat.

Untuk menjalankan atau memunculkan komen facebook copy kode dibawah ini dan pastekan sesuai post meta template sobat.

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Baca Juga : Cara Membuat dan Memasang Fanspage Facebook di Blog dengan Mudah

Oke sekian yang bisa saya jelaskan tentang Cara Memasang Komentar Facebook Responsive di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.