Pagi Gan.....
Pagi ini ane mau sharing tentang cara menambahkan comment Facebook di postingan pada blog anda Gan.
Pagi ini ane mau sharing tentang cara menambahkan comment Facebook di postingan pada blog anda Gan.
Langsung ke TKP aja ya.....
Langkah 1 : Buat Aplikasi Baru Di Facebook
Buat Aplikasi Baru Di Facebook untuk mendapatkan App ID anda yang kemudian akan dipasang di Blog. Untuk membuat aplikasi baru silahkan pergi ke Facebook Developers. Kemudian langsung klik Aja tombol Buat Aplikasi Baru .Kemudian akan muncul jendela Pop up yang harus diisi mengenai informasi aplikasi anda
Buat Aplikasi Baru Di Facebook untuk mendapatkan App ID anda yang kemudian akan dipasang di Blog. Untuk membuat aplikasi baru silahkan pergi ke Facebook Developers. Kemudian langsung klik Aja tombol Buat Aplikasi Baru .Kemudian akan muncul jendela Pop up yang harus diisi mengenai informasi aplikasi anda
Sekarang anda sudah punya Aplikasi baru dengan App ID yang nantinya akan kita pasang pada blog
Langkah 2: Masukkan Facebook Comment di Blog
Langkah pertama, anda harus Login dulu ke Akun Blogger anda. Sekarang, dari Dashboard pergi ke Template >> Edit HTML. Dan cari kode HTML berikut (Anda dapat menggunakan firur searching, biasanya ada pada baris awal).
<html ......="" xmlns:expr="http://www.google.com/2005/gml/expr">
Kemudian tambahkan kode xmlns:og='http://ogp.me/ns#'.
Jadi nanti Kode yang tadi jadi seperti ini.
<html xmlns:og='http://ogp.me/ns#' ......
xmlns:expr='http://www.google.com/2005/gml/expr'>
xmlns:expr='http://www.google.com/2005/gml/expr'>
Kemudian cari tag <body>. Setelah ketemu, tempelkan kode di bawah ini setelah tag <body> dan ganti YOUR_APP_ID dengan Facebook Application ID anda.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
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>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
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>
Sekarang cari kode </head> dan paste kode di bawah ini sebelum kode </head>.
<meta property="fb:app_id" content="YOUR_APP_ID" />
Langkah 3 : Memasukkan Comment Facebook di Blogger
Langkah berikutnya yaitu, mengimplementasikan Facebook Comment menggunakan kode HTML. Cari kode <b:includable id='comment-form' var='post'> dan pastekan kode di bawah setelah script <b:includable id='comment-form' var='post'>.
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='550'/>
</div>
</div>
</b:if>
<div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='550'/>
</div>
</div>
</b:if>
Alhamdulillah.......
Sekarang Facebook Comment telah berhasil di implementasikan dalam blog anda.
Cukup sekian Ilmu yang saya tularkan kali ini....
Selamat berkunjung lain kali ya.....
0 comments:
Post a Comment
Tolong diisi se-objektif mungkin ya....
Terima kasih...