Cara Mudah Membuat Kotak Komentar Facebook di Blog ~ Untuk para blogger yang selalu setia menemani dunia
internet. Membuat kotak / kolom komentar facebook di blog itu sangat gampang dan mudah. Dalam kesempatan ini saya akan bebagi pengalaman cara membuat kolom / kotak komentar facebook di blog. Sebenarnya itu sangat gampang dan mudah sekali kalau
tau caranya, tinggal copas copas dan copas.
Langsung aja yah cara mudah membuat kotak komentar facebook di blog.
Langsung aja yah cara mudah membuat kotak komentar facebook di blog.
1. Cara Mudah Membuat Kotak Komentar Facebook di Blog.
Cara Pertama Via Facebook:
Sobat harus mengetahui FB Profil ID dan APP ID. Keterangannya sebagai berikut. Sobat harus punya akun Facebook.
1. Login ke Facebook
2. Buka https://developers.facebook.com/apps
3. Klik "Create New App"
4.Isi dengan data sobat.
Display Name : Nama blog sobat
Namespace : Tidak perlu diisi
Kategori : Pilih kategori yang sesuai dengan sobat
Klik
Buat Aplikasi
5. Sobat akan disuruh mengisi kode captcha, isi dengan benar.
6. Dilingkari warna merah adalah App ID facebook
2. Buka https://developers.facebook.com/apps
3. Klik "Create New App"
4.Isi dengan data sobat.
Display Name : Nama blog sobat
Namespace : Tidak perlu diisi
Kategori : Pilih kategori yang sesuai dengan sobat
Klik
Buat Aplikasi
5. Sobat akan disuruh mengisi kode captcha, isi dengan benar.
6. Dilingkari warna merah adalah App ID facebook
2. Pasang Meta Content di Blog
Harus sign in ke Blogger:
1. Login Blogger
2. Dasbor
3. Template
4. Edit HTML
1. Login Blogger
2. Dasbor
3. Template
4. Edit HTML
Cari kode <head> biar cepet carinya dan memudahkan gunakan Ctrl+F.
Letakkan kode meta content ini tepat di bawah <head> :
Ganti Profile ID dan App ID dengan ID facebook sobat
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Ganti Profile ID dan App ID dengan ID facebook sobat
4. Kemudian cari kode </head> Copy Paste kode berikut sebelum kode </head>
5. Selanjutnya pasang html berikut tepat dibawah <data:post.body/>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>
6. Slanjutnya Save template dan lihat hasilnya!!
Itulah Cara Mudah Membuat Kotak Komentar Facebook di Blog semoga bermanfaat.
Aku yakin sobat pasti bisa!!
0 Response to "Cara Mudah Membuat Kotak Komentar Facebook di Blog"
Post a Comment
Terimakasih atas komen anda..!!