Cara Memasang Komentar Facebook Responsive di Blog - TRIK SIMPLE
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.

Cara Memasang Komentar Facebook Responsive di Blog


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
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.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe