Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan

AB | Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan - Sebenarnya AB ingin menulis tentang Membuat Kotak Komentar pada postingan secara manual. Tapi buat apalagi kalau sudah ada yang otomatis. Bedanya, anda tidak perlu lagi bolak-balik menyalin kode script Kotak Komentar Facebook apabila anda memposting tulisan anda yang baru. Oleh karena itulah maka AB memberikan Tutorial bagaimana Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan.

Langkah-langkah Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan:
1. Masuk ke https://developers.facebook.com/docs/reference/plugins/comments/
2. Isilah URL blog anda, misalnya : http://kumpulan-adsen.blogspot/

3. Tekan / klik GET CODE, maka akan muncul seperti gambar di bawah ini:

4. Bukalah akun blog anda
5. Pilih Rancangan / Design lalu pilih lagi Edit HTML
6. Centang Expand Template Widget
7. Carilah tanda <body>
8. Kembali ke Developer Facebook tadi
9. Salin / Copy lah Script no 1 dan letakkan tepat di bawah <body> pada edit HTML template blog anda.

hasilnya akan menjadi seperti di bawah ini bila anda sudah mempastekannya :

<body>

<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/id_ID/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

dst....

(catatan: seandainya template anda sudah menyediakan kode diatas, abaikan saja. Anda tidak perlu lagi mempastenya, artinya template anda telah menyediakan kode tersebut)

10. Setelah anda salin kode 1 tadi (atau sudah ada), salin lagi kode no 2
11. Sebelumnya cari kode <div class='post-footer-line post-footer-line-1'> pada Edit HTML Template Anda kawan
12. Tempatkanlah kode no 2 tadi tepat di bawah kode <div class='post-footer-line post-footer-line-1'>

<div class="fb-comments" data-href="http://kumpulan-adsen.blogspot.com" data-num-posts="2" data-width="470"></div>

13. Selanjutnya gantilah kode data-href="http://kumpulan-adsen.blogspot.com" dengan kode ini: expr:data-href='data:post.url' maka hasilnya akan seperti ini

<div class="fb-comments" expr:data-href='data:post.url' data-num-posts="2" data-width="470"></div>

Jangan lupa sesuaikan ukurannya yah. Ganti angka yang berwarna merah sesuai keinginan (lebar postingan anda) tujuannya biar rapi saja.

14. Lalu simpan template anda. Lihat hasilnya.

Contoh Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan lihat postingan blog ini, ada kolom komentar facebooknya.

Itulah Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan. Semoga bermanfaat. Salam Blogger. [Kumpulan Adsen Blogspot].

Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan

Artikel Terkait

BosCoy