Cara Pasang Kotak Komentar Facebook Di Blogspot
https://asia-note.blogspot.com/2016/09/cara-pasang-kotak-komentar-facebook-di.html
Tutorial kali ini akan membahas tentang bagaimana
cara membuat kotak komentar Facebook di bawah setiap artikel. Banyak blog tutorial
lain yang sudah share cara seperti ini tapi belum sempurna. Belum sempurna?
Maksud saya masih ada kelemahannya, seperti semua komentar muncul di setiap
postingan, jadi kita tidak tahu postingan mana yang terkomentari dan tidak ada
fitur reply di komentarnya, dan juga jika ada yang mengomentari artikel kita,
kita tidak tahu karena tidak ada notifikasi jadi harus cek manual di setiap
artikel.
Komentar hanya muncul pada satu artikel yang di komentari, ada fitur
replaynya, dan notifikasinya juga automatis. sudah ngertikan ? kalau sudah
langsung TKP aja okk. ekh sebelumnya sobat harus buat aplikasi komentar
Facebook dulu untuk mendapatkan app id yang akan di gunakaan nanti, untuk
caranya
Simak tutor berikut :
- Buka developers Facebook
- Lalu klik create new app di sudut kanan atas
- Nanti akan muncul kolom seperti ini (klik untuk perbesar gambar)
- Isi app Display name dengan Kotak komentar atau yang lain. tidak usah isi app namespace, dan centang juga I agree to the...
- Jika sudah klik lanjutkan.
- Selanjutnya kalian akan di bawah ke halaman edit app
- Scroll agak kebawah sampai ketemu tulisan Website, klik tulisan tersebut lalu isi dengan alamat website sobat.
- Jika sudah klik simpan perubahan
- Catat app id yg ada di halaman tersebut (di dekat nama app)
Nah sekarang kan sudah
dapat App id masing masing sekarang kita ke langkah selanjutnya yaitu
pemasangan kotak komentarnya di bawah artikel, simak caranya baik baik ya.
- Sudah pasti kalian login ke akun blogger masing masing
- Dari dashboard pilih rancangan => edit HTML
- Lalu centang juga Expand Template Widget
- Lalu taruh kode berikut di BAWAH kode <data:post.body/>.
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=App Id kamu&xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='590'/></b:if>
- Ganti App id yang berwarna Merah dengan App id yang sobat catat tadi dan ganti angka 590 dengan lebar yang kamu ingin kan
- Lalu taruh lagi langkah di bawah ini di BAWAH <head> atau di ATAS <b:skin><
