Membuat Kolom Komentar Facebook pada wordpress

August 4, 2016 by in category Web Development, wordpress tagged as , , with 0 and 0
Home > Blog > Web Development > Membuat Kolom Komentar Facebook pada wordpress

Diantara kalian pasti pernah mengunjungi blog/web yang menggunakan kotak komentar facebook di setiap postingannya. Hal itu juga dapat di terapkan pada blog wordpress Anda.

Kenapa saya tidak menggunakan plugin? karna saya sadar tidak semua pengguna wordpress menyukain plugin karna beberapa alasan. Maka dari itu untuk pembahasan kali ini saya fokuskan tidak menggunakan plugin yang harus Anda instal.

Baiklah untuk langkah-langkahnya bisaikuti sebagai berikut:

CARA MEMBUAT KOTAK KOMENTAR FACEBOOK

Silahkan kunjungi link berikut https://developers.facebook.com/docs/plugins/comments

 Akan terbuka halaman seperti berikut:

Screenshot - 8_4_2016 , 10_40_59 PM

Keterangan:

  • URL untuk mengomentari: Isi dengan domain/URL Blog Anda
  • Lebar: Isi sesuai lebar postigan blog Anda
  • Jumlah Kiriman: Tentukan jumlah komentar yang ingin Anda tampilkan

Setelah semuanya selesai Anda atur, selanjutnya klik “Dapatkan Kode”

Silahkan login ke dashboar wordpress Anda, Pilih “appearance”⇒“editor”

kemudian Sertakan SDK JavaScript pada halaman Anda sekali, idealnya tepat setelah pembukaan <body> tag. (biasanya di header.php, tergantung theme bawaan anda)

&lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;script&gt;(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/id_ID/sdk.js#xfbml=1&amp;version=v2.7&amp;appId=134892489861107";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));&lt;/script&gt;

setelah itu tempatkan kode ini di mana saja Anda menginginkan plugin muncul di halaman Anda.

&lt;div class="fb-comments" data-href="http://www.banjart.com" data-numposts="5"&gt;&lt;/div&gt;

masih di “appearance”⇒“editor”, Pilih “single post (single.php)”

Cari kode <?php comments_template(); ?> atau <?Php comments_template(”, true); ?> semua tergantung dari theme bawaan anda kemudian Pastekan kode tersebut di atas atau di bawah kode <?Php comments_template(); ?> atau <?Php comments_template(”, true); ?>

Terakhir klik “Update File”

Membuat kotak komentar faebook tanpa plugin sudah selesi, sekarang tingggal lihat hasilnya apakah berjalan sesuai keinginan atau tidak. Jika masih ada pertanyaan silahkan kirim pertanyaan Anda pada kotak komentar ibawah ini.

Copyright © 2012-2018 BANJART MEDIA