Cara Memasang Kotak Komentar FB Di Blog - Kali Ini Saya Akan memberitahukan Bagaimana Cara membuat Kotak Coment FB Diblog, Cara ini Telah Saya Buat dan praktek kan Seperti yang terletak dibawah pada Postingan , Seringkali Kita Mencari Toturial yang Memberikan berbagai macam Tutorial tentang Memasang Kotak Komentar FB Di Blog.namun seringkali kita mencoba selalu gagal alias tutorial yang Expired, untuk itu saya akan membantu Sobat untuk membuat Kotak Komentar FB Di Blog yang TERUPDATE tahun 2012, untuk mempersingkat waktu langsung Aja Sob, Cekidot,,,
Cara memasangnya ikuti langkah-langkah berikut ini.
1. Pertama - tama Sobat Harus Menonaktifkan Kotak Komentar standart yang disediakan Oleh Template Sobat,, Agar Blog Sobat tidak memilki dua Kotak Koment,,
Klik STELAN - pilih POS DAN KOMENTAR - Klik LOKASI KOMENTAR - pilih SEMBUNYIKAN
2. Login ke akun facebook anda.
3. Buka Developers Facebook Klik Aplikasi.
4. Masukkan kata sandi FB anda da klik Lanjutkan.
5. Pilih Izinkan.
6. Pilih Create New App.
7. Isi Judul dan Alamat Aplikasi maupun Negara Sobat (bebas) dan centang I Agree dan klik Lanjutkan.
8. Ketik Kata Pengaman dan klik Kirim.
9. Akan Muncul data Applikasi ID dll. Copy APP ID tersebut yang selanjutnya akan kita gunakan untuk ID di Form Komentar bukan yang app secret.
10. Oh ya Saya hampir lupa sobat Icon dan foto yang sobat ingin gunakan sebagai PP nya Silahkan Sobat Upload dulu. Setelah Itu,
11. Buka Blogger - Template - Edit HTML - Lanjutkan - (untuk bakup template) - Centang Expand Widget Templates.
12. Cari Kode <data:post.body/> (dengan Ctrl+F) Jikalau ada Dua Pilih yang nomor satu
13. Copy Kode dibawah ini dan ganti ID-APLIKASI dengan ID anda dan paste di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href=' http://one-the-news.blogspot.com/2012/08/cara-memasang-kotak-komentar-fb-di-blog.html ' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments num_posts='10' width='460'/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href=' http://one-the-news.blogspot.com/2012/08/cara-memasang-kotak-komentar-fb-di-blog.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>
</b:if>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href=' http://one-the-news.blogspot.com/2012/08/cara-memasang-kotak-komentar-fb-di-blog.html ' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments num_posts='10' width='460'/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href=' http://one-the-news.blogspot.com/2012/08/cara-memasang-kotak-komentar-fb-di-blog.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>
</b:if>
13. Save Template dan coba lihat hasilnya.
Catatan :
yang warna biru bisa disesuaikan dengan temlpate blog, kode '#ffffff' adalah warna Putih, '10' adalah jumlah komentar yang di tampilkan dan '460' adalah lebar form komentar.
Jgan Lupa Like dan Comentnya Sob,,
GOOD LUCK,,
