Update Terbaru
Loading...
Home » , » Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan
Published On : Selasa, 28 Agustus 2012
04.12.00 | Admin | No Comments

Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan


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.

Sumber


Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top