Sebelum kalian menerapkan tutorial ini, sebaiknya kalian membaca tutorial Cara Membuat Aplikasi Facebook, karena setelah kalian membaca tutor sebelumnya, maka kalian akan bisa menerapkan tutor ini.
Baiklah, langsung saja kita bahas secara detail dan tajam, setajam #Silet…. 😀
Ikuti langkah dibawah ini dengan baik ya, jika terjadi kesalahan, tidak ditanggung oleh penulis, karena penulis hanya berbagi pengalaman dan yang telah diterapkan di blog Tulisan Wortel [dot] com.
1. Login Blogger > Pilih Template > Edit Html. Ikuti seperti gambar dibawah ini :
2. Carilah kode </body>
(Untuk mempermudah pencarian, letakkan cursor pada kotak html, kemudian tekan Ctrl+F, lalu masukkan kode yg akan dicari, terus enter). Copykan kode dibawah ini dan pastekan diatas kode </body>
(Untuk mempermudah pencarian, letakkan cursor pada kotak html, kemudian tekan Ctrl+F, lalu masukkan kode yg akan dicari, terus enter). Copykan kode dibawah ini dan pastekan diatas kode </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/sdk.js#xfbml=1&version=v2.6&appId=363552107083605";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Ganti 259054834227698 yang telah kalian buat di Cara Membuat Aplikasi Facebook
3. Setelah itu, cari kode <div class=’post-footer-line post-footer-line-3′> dan tambahkan kode dibwah ini tepat dibawah kode <div class=’post-footer-line post-footer-line-3′>.
<div class="fb-comments" data-href="https://developers.facebook.com/apps/363552107083605/"data-width="100%"data-numposts="5"></div>
Biru : Ganti ID tersebut seperti cara ke-2
Orange : Jumlah komentar yang ingin kita tampilkan
Hijau : Lebar kotak komentar fb (Supaya responsive buat 100% )
4. Saatnya kita klik “Simpan Template / Save Template” dan selamat atas keberhasillannya, buat yang gak berhasil, silahkan cek ulang satu persatu, atau ada sebagian kode tidak ada di template, itu artinya tutor ini tidak cocok untuk template kalian, karena penulis sendiri menggunakan template sederhana.
Terima kasih sudah membaca tutor Cara Membuat Kolom Komentar Facebook di Blog, jika tutor ini bermanfaat, dan jika mungkin ada pertanyaan, silahkan koment. Bye2..
Tutorial ini direquest oleh temen blogger bernama Fadil.
mantep gan,. suksees terus yaaa 🙂
Aminnn. Thank's doanya gan.
akhirnya gue bisa om, hahahah
makasih ya tutorialnya 😀
Haaaa kan, udah bisa, kalo tutornya di ikuti secara benar dan teliti, mudah-mudahhan bisa kok. Selamat ya didie. God job. 🙂
Mas mau tanya kalau bikin recen post seperti di tulisan wortel gmana ya..
Maksudnya di halaman utama tidak tampil tp ketika artikel di buka baru tampil..
Salam kenal mas, masih newbie