Cara Memasang Kotak Komentar di Blog dengan Facebok

Akhirnya ketemu juga, bikin komentar di blog pake komentar facebook, kalau komentar facebook kan pake ajax jadi ngga ribet, sekalian meng-integrasi kotak komentar facebook dan blogger ( blogspot) blog.

Buat sobat blogger yang pengen banget bikin komentar di blog pake facebook, tinggal ikuti saja triknya.

Langsung, kita mulai saja sobat


Langkah 1. Nonaktifkan Default Komentar.



Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika memang membutuhkan dua komentar biarkan saja seperti biasa.



Silahkan ke account blogger Anda

navigasikan ke Lalu Klik Pada Menu Klik kemudian gulir ke bawah dan klik SIMPAN




Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).



sekarang Anda harus menghasilkan facebook app id Anda sendiri, itu benar-benar mudah dan prosesnya hanya satu langkah, Login dulu dengan Account Facebook Anda LaluSilahkan Kunjungi, pengembang facebook disini : Facebook developers



Anda akan diwa ke halaman seperti Contoh pada Gambar dibawah :

Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik Setuju lalu klik Buat Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "




Maka anda akan dibawa ke Halaman berikut seperti Gambar di bawah ini:

kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Terhubung seperti gambar dibawah ini :

Ingat Sewaktu Memasukkan ULR Terhubung Jangan Lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas saya masukkan ULR Terhubung : http://trafikmagic.blogspot.com/

artikel ini saya ambil dan saya pelajari
dari Klik




Masukkan Base Domain : blogspot.com.



Lalu Klik Simpan Perubahan

Selanjutnya Silahkan Klik Dasar Untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada Langkah Berikutnya.




Langkah 3. Menambahkan Kode pada template blogger



Anda harus menambahkan kode berikut ke template blogger Anda untuk

memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.

silahkan pergi ke account blogger Anda lagi,

Arahkan ke + + Lalu Centang




Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.



Cari

< body >

Tambahkan Kode berikut dibawahnya

<div id='fb-root'/>

<script>

window.fbAsyncInit = function() {


FB.init({

appId : &#39;APP-ID Anda&#39;,

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(&#39;script&#39;);

e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;

e.async = true;

document.getElementById(&#39;fb-root&#39;).appendChild(e);


}());

</script>

Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.



Sekarang Cari

</head>

Letakkan Kode Berikut dibawahnnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<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'/>

MY-SITE-NAME : Ganti dengan Nama Blog Anda


http://google.com/help/hc/images/logos/blogger_logo.gif' : Bisa Anda Ganti dengan Gambar anda atau juga bisa di hapus.

YOUR-APP-ID : Ganti dengan APP ID anda

YOUR-FACEBOOK-PROFILE-ID : Ganti dengan ID Profile Facebook Anda.





Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.




Langkah 4. Menambahkan Komentar Box blogger template Anda.



silahkan cari kode berikut

<data:post.body/>

Letakkan Kode Berikut dibawahnya

Jika Punya dua <data:post.body/> karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kumpulancara.com/2010/06/cara-pasang-kotak-komentar-facebook-di.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja48mHOrsKiKALWQMlXqiVqR0zbon0b_nQv-jjeW0z-_94u9voP46aJ_3eHCqvbtJd5X2W81iBSOQUbXcT4hiV0Mpovcxjyua3qMrB0sW-MMX8SNEGui74kJvsXCQJT9eTbP-dIA8SY5c/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><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.kumpulancara.com/2010/06/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div></b:if><br />

Lihat Contoh Klik disini : DEMO



WAaowww Ternyata ARTIKEL Ini Menjadi SALAH SATU FENOMENA..di Jagat Maya Blogger

Bagaimana Tidak Banyak sekali Artikel yang sama PERSIS tanpa Memberikan LINK

Tapi Saya Ikhlas atas Merasa HEBAT beliau-beliau ini

Berbagi :