Post without comments is like summer without rain, and is like me without you..LoL. Very absurd word, but it's true. Comments is necessary. Unfortunately, Ghost platform is very minimalist, not like Wordpress that has built-up comment support. Ghost users have to self-install the comment tool.

We can choose many comment tools for Ghost: Ex. Disqus, Google, Facebook and many others. But, from my long experience implementing Disqus on many websites, the problem is Diquss slowing down the web. Loading time increasing a lots. It is because Disqus brings many hidden links in order to running.

My best option is Facebook Comment: fast, secure, and popular. The important is: users do comment not using anonymous. Visitors can see the real profile users from every comments, so more responsible.

Below is how to insert FB Comment code to Ghost blog:

1. Register in Apps Facebook (link:
2.  Click "Get Code" button:

3. Please note: there are two parts we should copy (see figure).

#Copy this code: 
<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); = id;
js.src = "// KODE APPID"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-comments" data-href="" data-numposts="5"></div>

This part is important: we have to edit the href part.

**Change href=""* with{{url}} data-width="500px" data-numposts="5" data-colorscheme="light"></div>

I added code data-width="500px" (you can change it to 650px or 700px as you like, configure the width of comment column.

After that, open file post.hbs inside theme directory. Assume you use Ghost theme Casper, the file is in directory /var/www/ghost/content/themes/casper (or in different directory if you use different theme).

Insert FB comment code after {{content}}:
<section class="post-content"> {{content}} </section> or before </section>.

Restart Ghost and FB Comment will show up.