Home / Tips Blogger

Memasang Comment Facebook Responsive Di Blogger

By Mas Dar Post a Comment

Masih seputar comment lagi dimana kali ini saya akan share Memasang Comment Facebook Responsive Di Blogger apabila kamu bosan dengan komentar blogger bisa gunakan komentar berikut ini. 

Tujuan dari komentar Facebook ini adalah pengunjung bisa komentar langsung dengan akun Facebook milik mereka tanpa harus login lagi. 

Nah bagaimana caranya langsung aja simak langsung tutorial berikut ini. 

Cara Memasang Komentar Facebook Responsive di Blogger


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

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.

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 :

<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 tentang Cara Memasang Komentar Facebook Responsive di Blogger, semoga bermanfaat.

Post a Comment for "Memasang Comment Facebook Responsive Di Blogger"