Cara Menambahkan Facebook Comment Box ke Blogger

How To Add Facebook Comment Box To Blogger

Pada tahun 2009 pengembang Facebook merilis sebuah plugin sosial terbaik mereka yang disebut "Facebook Comment Box". Ya, ini adalah sebuah plugin komentar untuk website. Kotak komentar ini membantu pembaca di website Anda untuk mengomentari artikel atau koten Anda menggunakan profil Facebook, Yahoo, AOL atau Hotmail mereka. Pada kesempatan ini saya akan berbagi metode yang sederhana untuk menambahkan "Facebook Comment Box" di website Anda.

Cara Menambahkan
1. Pertama login ke akun blogger Anda
2. Lalu buka Template > Edit HTML
3. Tekan CTRL+F di keyboard, cari kode berikut

<body>

atau

<body expr:class='"loading" + data:blog.mobileClass'>

4. Setelah menemukan salah satu kode diatas, lalu tambahkan baris berikut setelah kode tersebut



<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 = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>

5. Lalu cari lagi kode berikut

<b:includable id='comment-form' var='post'>

6. Setelah itu tambahkan lagi baris berikut setelah kode tersebut

<div class="fb-comments" expr:data-href="data:post.url" 
data-width="100%" data-numposts="5" data-colorscheme="light"/>

Anda dapat merubah nilai 5 dengan yang anda inginkan
Dan skema warna light dengan dark

7. Setelah melakukan semuanya lalu klik Save Template .

[LIVE DEMO ##eye##]

Jika Anda punya masalah, silahkan tulis di komentar.

Update : Jika menambahkkan baris setelah kode <b:includable id='comment-form' var='post'> tidak berhasil, cari kode <b:includable id='threaded_comments' var='post'> dan tambahkan lagi baris tersebut setelahnya.