| 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.