Cara Memasang Komentar Facebook Responsive di Blogger

Kotak Komentar Facebook 1
Cara Memasang Komentar Facebook Responsive di Blogger

prohrd.org – Cara Memasang Komentar Facebook Responsive di Blogger, Halo sahabat prohrd.org bagiaman keadaan kalian tentunya sehat ya, pada kesempatan kali ini kami prohrd akan membagian tutorial lagi seputar blogger.

kali ini kita akan membagikan dan membahas masalah koment di blogger, nah buat kalian yang ingin membuat komentar facebook yang responsif bisa menggunakan cara yang kami buat dibawah ini.

Apa manfaat memasang komentar facebook responsif? yang pertama sekali pasti bagi pengunjung blog yang ingin berkomentar secara langsung bisa menggunakan akun media sosial facebook dengan artikel yang yang mereka baca.

Baca Juga: Cara Menambahkan Widget Sitemap di Blogger Dengan Kode Script 2022

yang kedua, kita juga dapat mengetahui siapa dan dimana tempat tinggal pengunjung blog kita yang berkomentar pada artikel kita, siapa tau yang berkomentar adalah saudara kita, bisa juga teman – teman kita, nah jadi kita bisa tahu orang tersebut.

Nah tanpa basa basi langsung saja kita buat tutorial nya dibawah ini, baca dengan hati-hati agar tidak ada salah langkah dalm pengerjaan ini.

Cara Memasang Komentar Facebook Responsive di Blogger

Cara Memasang Komentar Facebook Responsive

1. Tambahkan meta tag facebook di bawah ini di dalam template tepat di bawah <head>

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

Catatan : Jika sudah menerapkan langkah di atas, silakan lewati lanjut ke langkah berikutnya

Baca Juga: Cara Membuat Menu Navigasi Samping Di VioMagz

2. Tambahkan kode di bawah ini sebelum </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. Selanjutnya tambahkan kode di bawah ini tepat di bawah kode <data:post.body/> yang ada di halaman post

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

4. Simpan template.

Baca Juga  Cara Mulung Koin TikTok Saat Live

Untuk menampilkan comment count facebook di halaman index dan post, silakan tambahkan kode di bawah ini pada markup post meta atau post info sesuai dengan template yang digunakan :

Baca Juga: Resep Masakan Gulai Daun Singkong Ala Anak Kost

<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>

Nah jika kalian berhasil den mengikuti sesuai dengan apa yang kami berikan maka akan tampak hasil nya seperti dibawah ini:

Kotak Komentar Facebook 1

jika sudah sama seperti ini maka dapat di pastikan anda telah berhasil memasang Komentar Facebook Responsive di Blogger, selamat sukses dan jangan lupa di share ya guys.

Baca Juga: Drama Korea Pernah di Bintangi Oleh Choi Tae Joon , yang Akan Menikah dengan Park Shin Hye