Cara Memasang Komentar Facebook Responsive Di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger - Masih membahas seputar komentar, tutorial kedua hari ini akan menyebarkan perihal cara memasang komentar facebook yang responsive di blog. Manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung sanggup berkomentar eksklusif di artikel yang dia baca dengan memakai akun facebook.

Baca juga : Mengatasi Thumbnail Share Post Facebook

Bagi yang ingin mencobanya, silakan ikuti langkah berikut

Cara Memasang Komentar Facebook Responsive di Blogger

1. Tambahkan meta tag facebook di bawah ini di dalam template sempurna 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

2. Tambahkan isyarat 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 isyarat di bawah ini sempurna di bawah isyarat <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.

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

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

Demikian tutorial perihal Cara Memasang Komentar Facebook Responsive di Blogger, supaya bermanfaat.