add fb comment

_config.yml

@@ -122,6 +122,9 @@ url-pretty: "MyWebsite.com"  # eg. "deanattali.com/beautiful-jekyll"
 # Fill in your Disqus shortname (NOT the userid) if you want to support Disqus comments
 #disqus: ""
 
+# Use Facebook Comments Plugin by assigning Facebook comment app id here.
+# fb_comment_id: ""
+
 # Facebook App ID
 # fb_app_id: ""
 

_includes/fb-comment.html

@@ -0,0 +1,14 @@
+{%- if site.fb_comment_id -%}
+<div class="comments">
+    <div id="fb-root"></div>
+    <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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId={{ site.fb_comment_id }}&autoLogAppEvents=1';
+       fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));</script>
+    <div class="fb-comments" data-href="{{ site.url }}{{ page.url }}" data-width="100%" data-numposts="5"></div>
+    <noscript>Please enable JavaScript to view the comments powered by Facebook.</noscript>
+</div>
+{%- endif -%}

_layouts/page.html

@@ -12,6 +12,7 @@
         <div class="disqus-comments">
 	        {% include disqus.html %}
         </div>
+	        {% include fb-comment.html %}
 	    {% endif %}
     </div>
   </div>

_layouts/post.html

@@ -69,6 +69,7 @@
         <div class="disqus-comments">
           {% include disqus.html %}
         </div>
+          {% include fb-comment.html %}
       {% endif %}
     </div>
   </div>