Facebook sebagai media sosial nomor 1 di dunia memiliki penguna paling banyak. Hampir semua pengunjung blog kita memiliki akun facebooknya masing-masing, sehingga dengan menambahkan fitur komentar facebook memudahkan penguna facebook untuk memberikan komentar di artikel kita tanpa harus repot-repot daftar akun google lagi kalau belum memiliki atau login.
- Cari kode
iii. KODE FORM KOMENTAR
-Tekan Ctrl + F untuk Windows, Command +F untuk MacOs dan cari kode ini
-Jika terdapat lebih dari satu <data:post.body/> di template Anda, pilihlah yang terdapat post body di halaman postingan.
Atau cari kode berikut
Sekian tutorial ini.
Tambahan
Berikut ini kode untuk form komentar facebook yang dark.
 |
| Facebook Komentar di postingan Blogger.com |
Banyak tutorial yang saya ikuti untuk membuat fitur facebook di website ini yang berbasis blogger.com, namun gagal dan gagal, apalagi kalau kita ikutin tutorial yang dua tiga tahun lalu, sudah basih.
Berikut ini cara menambahkan fitur komentar yang berhasil.
1. Login ke akun blogger mu dan disable blogger comment
Setting > Comments
Pilihlah Hide/Sembunyikan dan simpan.
2. Buat aplikasi facebook. Klik di sini untuk membuat
aplikasi facebook.
i. Masukkan nama aplikasi dan email
ii. Pilih setuju/agree dan klik buat aplikasi atau create
application.
 |
| Membuat facebook ID |
iii. Buatlah live dulu aplikasi facebooknya dengan mengisi
persyaratan dasar yang diminta
facebook, dalam hal ini mengisi Privacy Policy URL di
basic setting
iv. live kan dulu aplikasinya kemudian copy App Id Anda.
3. Selanjutnya menambahkan kode-kode berikut di blogger Anda.
i. xmnls attribute
ii. SDK script
iii. kode form komentar
Login terlebih dahulu ke akun blogger, klik Design>Edit HTML>centang Expand Widget Template
i. XMNLS ATTRIBUTE
- Tekan Ctrl + F untuk Windows, Command +F untuk MacOs dan cari kode ini
<html
- Tepat didepannya tambahkan kode berikutxmlns:fb='http://www.facebook.com/2008/fbml'-Pastikan ada spasi sebelum dan sesudah kode ini. Berikut ini contohnya
<html xmlns:fb=’http://www.facebook.com/2008/fbml’expr:dir=’data:blog…………..2005/gml/expr’ >ii. SDK SCRIPT
- Cari kode
<body>
-Tambahkan kode berikut tepat di bawah kode di atas
<div id="fb-root"></div><script>window.fbAsyncInit = function() {FB.init({appId : 'ID APPLIKASI ANDA',status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());</script>
-Pastikan 'ID APPLIKASI ANDA' diganti dengan ID Aplikasi yang tadi anda buat,iii. KODE FORM KOMENTAR
-Tekan Ctrl + F untuk Windows, Command +F untuk MacOs dan cari kode ini
<data:post.body/>.
-Tambahkan kode berikut tepat setelah kode di atas
-Ubah '450' dengan lebar yang diinginkan<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'><b:if cond='data:blog.pageType == "item"'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div><div align="right"><a href="https://www.cendrawasihblog.com" target="blank"><small>[Get Facebook Comment For Blogger]</small></a></div></b:if></div></div>
-Jika terdapat lebih dari satu <data:post.body/> di template Anda, pilihlah yang terdapat post body di halaman postingan.
Atau cari kode berikut
Paste kode form komentar di bawah kode ini.<div class=’post-footer-line post-footer-line-2’/>
Sekian tutorial ini.
Tambahan
Berikut ini kode untuk form komentar facebook yang dark.
<div style='border: 1px #000000; background-color: #000000;'><div align='center'><b:if cond='data:blog.pageType == "item"'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div><div align="right"><a href="https://www.cendrawasihblog.com" target="blank"><small>[Get Facebook Comment For Blogger]</small></a></div></b:if></div></div>
Tags:
KOMPUTER