Masih dengan Facebook, kali ini kita akan menambahkan widget comments dengan Facebook.
Dengan widget ini komentar selain terpasang di blog kita, komentar
pengunjung akan secara otomatis ke share dalam account Facebook
pengunjung.
Langsung aja langkah-langkah nya dapat di lihat dibawah ini:
1. Anda harus mempunyai account Facebook terlebih dahulu, kemudian masuklah kedalam Account Facebook anda.
2. Clik disini untuk langsung ke Social Plugin
3. Clik Comment seperti terlihat pada gambar di bawah ini, kemudian isi seluruh kolom seperti gambar dibawah ini.
4. Setelah semua diisi sesuai selera clik tombol Get Code, dan akan muncul seperti gambar dibawah ini
Langsung aja langkah-langkah nya dapat di lihat dibawah ini:
1. Anda harus mempunyai account Facebook terlebih dahulu, kemudian masuklah kedalam Account Facebook anda.
2. Clik disini untuk langsung ke Social Plugin
3. Clik Comment seperti terlihat pada gambar di bawah ini, kemudian isi seluruh kolom seperti gambar dibawah ini.
4. Setelah semua diisi sesuai selera clik tombol Get Code, dan akan muncul seperti gambar dibawah ini
Cara Pemasangan di Blogger
1. Buka Account Blogger kamu.
2. Pilih menu Design dan lanjut ke menu Edit HTML, jangan lupa untuk mengaktifkan kotak Expand Widget Template.
3. Tekan Ctrl+F dan cari </body>
1. Buka Account Blogger kamu.
2. Pilih menu Design dan lanjut ke menu Edit HTML, jangan lupa untuk mengaktifkan kotak Expand Widget Template.
3. Tekan Ctrl+F dan cari </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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
5. Copas kode ke dua dibawah kode <data:post.body/>
6. Tekan Ctrl+F untuk memudahkan pencarian kode <data:post.body/> tersebut.
7. Jika terdapat lebih dari satu kode <data:post.body/> copas di kode yang ke-dua, dan Save Template anda
6. Tekan Ctrl+F untuk memudahkan pencarian kode <data:post.body/> tersebut.
<div class="fb-comments" data-href="https://www.facebook.com/dunanz.goeltoem" data-width="600" data-numposts="50" data-colorscheme="light"></div>
7. Jika terdapat lebih dari satu kode <data:post.body/> copas di kode yang ke-dua, dan Save Template anda
"Terima kasih sudah membaca artikel
Tutorial
:
. Anda bisa bookmark halaman ini dengan URL
https://henry-dunanz.blogspot.com/2013/11/membuat-kotak-komentar-facebook.html. Jangan lupa klik salah satu tombol dibawah ini."
Tidak ada komentar:
Posting Komentar