Browse » Home » , » Menambah Kotak Komentar Facebook di Blogger

Menambah Kotak Komentar Facebook di Blogger

02.27  Admin By : DxRoot | Xer4t0nz  

Hallo DxRooters dimanapun kalian berada, jumpa lagi dengan saya DxRoot Indonesia.
oke.. kali ini saya akan memberikan tutorial bagaimana Cara menambah kotak komentar facebook di blogger

Kotak Komentar Facebook di Blogger
Kotak Komentar Facebook di Blogger
seperti gambar diatas, contoh kotak komentar facebook yang ada di blog saya, ada 2 versi yaitu Light ( Terang ) dan Dark ( Gelap ), itu milik saya yang Dark.

langsung saja tanpa panjang lebar kali tinggi bagi dua :D
Cekidot...!!!! :D
  1. Buka Blogger kalian http://blogger.com
  2. Lalu Pilih Template => Edit HTML
  3. Buka Developer Facebook di Sini => KLIK INI Guys.. nanti akan muncul seperti ini

    Kotak Komentar Facebook di Blogger
  4. Jika belum punya ID Facebook Developer, daftar terlebih dahulu di menu "My App"
    Kotak Komentar Facebook di Blogger
  5. Pilih "+add new app"
  6. Nanti akan muncul tampilan seperti ini

    Kotak Komentar Facebook di Blogger
  7. Pilih bebas, kalau saya pilih " Facebook Canvas "
  8. Isi dengan nama ( terserah ) misalkan punya aku "DxRoot Indonesia" terus klik " Create New Facebook App ID "

    Kotak Komentar Facebook di Blogger
  9. Nanti akan muncul seperti gambar dibawah ini, Jika ingin memberi Kategory, silahkan klik "Kategory" terus pilih salah satu terus klik " Create Add ID "

    Kotak Komentar Facebook di Blogger
  10.  Lalu Klik " Skip Quick Start " saja

    Kotak Komentar Facebook di Blogger
  11. Nanti akan muncul seperti gambar dibawah ini


    Kotak Komentar Facebook di Blogger
  12. Copy Link kalian ( diatas )
  13. Klik link dibawah ini => Comment
  14. Scroll sedikit kebawah Pilih " Social Plugin " Lalu " Comment "

    Kotak Komentar Facebook di Blogger
  15. Isi " URL to Comment on " dengan Link yang sudah kalian Copy tadi, paste di kolom tersebut

    Kotak Komentar Facebook di Blogger
  16. Jika ingin mengatur lebar silahkan isi "Width" atur tampil komentarnya di " Number of Post " terus pilih " Color Scheme " setelah itu klik " Get Code "
  17. Nanti akan muncul seperti dibawah ini

    Kotak Komentar Facebook di blogger
  18. Copy script yang pertama
  19. Klik Blogger kalian, klik di kolom script, terus cari kode ( ctrl+f )  " < body > " pastekan script yang sudah kalian Copy tadi tepat diatas " <body> "

    Kotak Komentar Facebook di Blogger
  20. Kembali ke Facebook tadi, Copy script yang kedua ( yang bawah ).
  21. Kembali ke blogger, Cari code script lagi " <div class='comments' id='comments'> " Paste Script tersebut tepat diatas " <div class='comments' id='comments'> "

    Kotak Komentar Facebook di Blogger
  22. Simpan
  23. Biasanya untuk Blogger terbaru akan muncul tulisan " Kesalahan saat mengurai XML, baris 710, kolom 62: The reference to entity "appId" must end with the ';' delimiter. Sembunyikan pemberitahuan "
    Kotak Komentar Facebook di blogger
  24. Copy script yang salah dan disorot tersebut seperti contoh " js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=1417137311916238&version=v2.0"; " copy saja saya beri warna merah.
  25. Buka link ini => OKE
  26. Paste di kolom tersebut lalu di "Parse"
  27. Copy script yang sudah di "Parse" tersebut lalu Paste di blog yang code tadi saya beri warna merah.
  28. Simpan
  29. Success... :D
Sekian dari kami semoga bermanfaat

_________________________________________________________________________
Peringatan :
  1. Berikan Komentar yang Baik dan Sopan.
  2. Tidak boleh mengandung Unsur Pelecehan, SARA, Sesat, Kriminalitas.
  3. Hormatilah Karya orang lain sebagaimana kalian menghormati aturan undang-undang
  4. Peraturan ini akan berubah sewaktu-waktu sesuai keadaan yang ada
_________________________________________________________________________