Operator Sekolah: Cara Mudah Pasang Komentar Facebook Dengan HTML5

Cara Mudah Pasang Komentar Facebook Dengan HTML5

Selamat Malam Pembaca ? Baiklah setelah kita belajar membuat app id dan memasang tombol like facebook di blog, kali ini saya ingin mengajak anda menambahkan plugin sosial yaitu kotak komentar facebook dengan Kode HTML5. Sebenarnya caranya sangatlah mudah apabila anda melakukannya dengan benar dan tidak akan terjadi kesalahan pada template sobat jika tau cara menempatkan kode komentar facebook tersebut.
Untuk mempermudah anda silahkan ikuti langkah-langkah di bawah !

#Membuat Kode Html5 Plugin sosial Comment Facebook

  1. Masuk ke halaman developers facebook plugin comment menggunakan akun admin app id facebook anda. Agar lebih mudah silahkan menuju alamat berikut : https://developers.facebook.com/docs/plugins/comments
  2. Pada halaman Form "url to comment" masukkan url blog/website anda.
  3. Jika ingin menyesuaikan lebar kotak komentar, masukkan angka ke dalam form "width" ( misal : 700 ).
  4. Form "number of post" berfungsi menampilkan jumlah komentar. jika ingin lebih dari 5 komentar, silahkan ganti angka tersebut.
  5. Color scheme adalah pengaturan warna kotak komentar.
  6. Jika telah selesai mengatur kotak komentar anda. Klik tombol "Get Code"
  7. Gambar cara Membuat Kode Html5 Plugin sosial Comment Facebook
  8. selanjutnya salin 2 kode plugin html5 anda dan simpan di tempat yang aman.
  9. Gambar cara Membuat Kode Html5 Plugin sosial Comment Facebook
  10. Salin kode pertama, yang anda simpan tadi. ( salin kode java scriptnya saja ) lihat gambar di bawah
  11. Gambar cara Membuat Kode Html5 Plugin sosial Comment Facebook
  12. Parse terlebih dahulu kode java script tersebut. Jika belum tau caranya, pelajari lebih lanjut tentang cara parse kode html/javascript

#Memasang Kode Html5 Plugin sosial Comment Facebook di blog

  1. Salin dua kode komentar facebook yang telah di parse tadi.
  2. Masuk ke dasbor blogger anda
  3. Pilih menu template lalu klik tombol Edit html
  4. Pada halaman html template, cari kode <data:post.body/>.
  5. Letakkan kode plugin komentar tepat dibawah kode <data:post.body/>
  6. Selanjutnya klik tombol "simpan template" dan lihat hasilnya
Gambar cara Memasang Kode Html5 Plugin sosial komentar Facebook di blog

Catatan Penting
Jika di template anda ditemukan kode <data:post.body/> lebih dari satu, maka cobalah memasangnya satu persatu. lakukan testing penempatan kode sampai muncul kotak komentar facebook di blog anda. Semoga berhasil

Jika anda pertanyaan terkait topik ini, silahkan mengirimkan pesan ke email saya. Terima kasih telah membacanya.
SUDAH BACA INI ?
1. Cara membuat App id Facebook untuk Blog
2. Panduan Memasang Tombol Like Facebook
3. Tutorial buat akun baru di facebook