Responsive Komentar FB Pada Blogspot Di Bawah Artikel Terkait

Updated: 19 Desember 2019
Komentar FB Responsive Blog
Komentar FB Responsive Blog

Content Artikel:

Penting pastinya bagi yang memiliki website/ blog pribadi untuk memasang komentar facebook agar semakin interaktif.

Untuk itu MauBergaya akan memberikan caranya bagaimana membuat komentar facebook yang responsive untuk website atau blogspot pribadi anda, dan akan terlihat dibawah artikel terkait.

Caranya sangatlah mudah, untuk itu dibaca dengan teliti ya.

Berikut pembahasannya;

  • Meta Tags Facebook

Untuk langkah pertama harus memasang kode script meta tags dan letakkan dibawah baris <head>.

  1. <meta content='XXXXXX' property='fb:admins'/>
  2. <meta content='XXXXXX' property='fb:app_id'/>

Untuk yang "fb:admins" ambil dari URL FB anda https://www.facebook.com/xxxx.xxxx sedangkan "fb:app_id" ambil dari "kelola aplikasi" pada facebook anda atau copy saja https://developers.facebook.com/apps/ lalu pastekan di URL bar browser yang anda miliki, ambil nomor ID tersebut lalu pasang di XXXXXX.


  • Script Komentar Facebook Dibawah Artikel Terkait

Dan untuk langkah ke dua copas script dibawah ini lalu letakkan dibawah baris <body>.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
Langkah terakhir letakkan kode script berikut ini tepat dibawah "<b:include name='relatedpost'/>" yang berguna untuk memunculkan komentar facebook tentunya dibawah artikel terkait

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top:20px'><div class='fb-comments' data-num-posts='5' data-width='100%' expr:data-href='data:blog.url'/></div></b:if>
Seharusnya komentar facebook sudah muncul di website/ blog pribadi anda dan tentu saja responsive yang artinya akan menyesuaikan dengan device manapun jika blog anda dibuka.

Semoga tutorial singkat tentang cara mudahnya membuat komentar facebook yang responsive, bisa menambah tampilan untuk blog anda menjadi tambah keren dan interaktif.

Jika ada masalah dalam menerapkan langkah - langkah dalam pembahasan ini silahkan berkomentar dan MauBergaya dengan senang membantu.

Terima kasih sudah berkunjung dan membaca artikel tentang "Responsive Komentar FB Pada Blogspot Di Bawah Artikel Terkait" di official blog kami, silahkan untuk dishare artikel ini agar bisa bermanfaat bagi banyak orang.

Post a Comment

[blogger]
Powered by Blogger.