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:/blog sobat.blogspot.com" data-num-posts="2" data-width="470"></div>13. Selanjutnya gantilah kode data-href="http://blog sobat.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.
Tidak ada komentar:
Posting Komentar