Sudah banyak yang menulis tetang cara memasang komentar facebook dihalaman blog sehingga anda bisa dengan mudah menemukan tutorial ini dibah google, tapi saya pikir gak ada salahnya juga saya ikut share trik kali ini karena menurut saya lebih banyak akan lebih mudah untuk diingat. Tutorial ini akan saya coba membuat totorialnya dengan lengkap sehingga mudah untuk dipahami. Ok langsung saja berikut langkah-langkah yang harus anda lakukan untuk membuat kotak komentar facebook dialaman blog :
Langkah Pertama : Menonaktifkan Komentar Dihalaman blog anda
Langkah pertama ini bertujuan untuk menonaktifkan kotak komentar bawaan dari blogger jika ada ingin menggunkan dua fasilitas kotak komen original blogger dengan kotak koment ala facebook anda bisa mengabaikan tutorial ini
- Log-in ke akun blogger anda
- Sekarang Ikuti Langkah-langkah berikut :
- Perhatiakan tanda panah pada gambar dibawah ini Klik Setting
- Pilih Post and Comment-->(gulir kebawah cari tulisan "Show Comment")Pilih-->Hiden
- Masuk ke akun facebook anda
- Setelah anda masuk sekarang kunjungi halaman Facebook Develover DISINI untuk membuat APP ID
- Pilih Applikasi--> Create New Applikasi-->(isi data yang diminta setelah itu)-->lanjutkan
- Jika Berhasil anda akan dibawa ke halaman berikut ini
- Copy App ID yang diberikan (Lihat gambar diatas u/ mengetahui APP ID) dan simpan di note pad
- Gulir kebawah Klik Simpan Tahap kedua selesai lanjut ketahap berikutnya
- Download template lengkap terlebih dahulu untuk mengantisifasi kesalahan Edit HTML
- Selanjutnya ikuti langkah-langkah berikut :
- Perhatikan gambar dibawah ini, Dibagian Dasboard Pilih Template
- Selanjutnya Edit HTML-->Proses
- Centang Expand Widget Templates
- Cari Kode < body > gunakan CTRL+F untuk mempermudah pencarian kode
- Tambah Kode Berikut dibawah kode < body >
- Selanjutnya Cari kode </head>
- Letakan kode berikut dibawahnya
- Sekarang cari Kode <data:post.body/> (jika anda menggunakan Read More otomatis kode <data:post.body/> ada dua maka gunakan kode yang kedua
- Letakan Kode berikut dibawah <data:post.body/>
- Simpan Template dan lihat hasilnya
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({ appId : 'APP-ID 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>Jangan Lupa Ganti APP ID Yang Tadi sudah anda buat dan anda copy
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content='Nama Blog Anda' property='og:site_name'/> <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='APP-ID Anda' property='fb:app_id'/> <meta content='Profile-ID-Facebook Anda' property='fb:admins'/> <meta content='article' property='og:type'/>
<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kumpulancara.com/" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfaOW4hDLIIVpRh77BIix1vSobTnU2VYs3kZT1nCFT4yvN9u_UTQ6A8IIbci267VoxCj6rr66pYd3rtc4eG3HdcC-WAlH9l69HWS8RrPIWArKB8BuBjI1lvtyOrNWGcs81ZD1FuXYz278/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />"450" adalah lebar kotak komentar silahkan anda sesuaikan dengan blog anda
Itulah sekilas Tutorial Blogger mengenai Cara Memasang kotak komentar ala Facebook di halaman blog. Semoga bermanfaat kekurangan saya moho maaf, yang baik silakan diambil yang buruk mohon diperbaiki, kesempurnaan hanya milik allah SWT yang maha kuasa. Trimakasih....!
