Saturday, March 15, 2014

Kode HTML-Tag Add Comment Facebook In Blogger

Ikuti Langkah-Langkah Berikut

Anda pergi ke Blogger >> Dasboard >> Template >> Klik Edit HTML, Cari kode tag berikut

<html ...... xmlns:expr='http://www.google.com/2005/gml/expr'>

Kalau Sudah ketemu Anda tambahkan kode berikut xmlns:og='http://ogp.me/ns#'. setelah <html ...... bisa lihat contoh dibawah

<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>

Sekarang setelah anda menyimpan kode di atas, kemudian cari tag <body> dan isikan dulu YOUR_APP_ID seperti yang tercantum dibawah,simpan setelah tag <body>

<div id="fb-root"></div>
<script>
window.fbAsyncInit = functionundefined) {
FB.initundefined{
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
});
};
undefinedfunctionundefined) {
var e = document.createElementundefined'script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementByIdundefined'fb-root').appendChildundefinede);
}undefined));
</script>

Untuk selanjutnya Anda perlu melakukan Opengraph Facebook,dengan menyimpan YOUR ID APP yang telah di buat,ambil Kode tag di bawah dan simpan sebelum tag </head>

<meta property="fb:app_id" content="YOUR_APP_ID" />

Terakhir adalah untuk mengimpelementasikan Facebook comment,Anda cari tag <b:includable id='comment-form' var='post'> simpan kode HTML tepat dibawahnya, dan bila tidak menemukan kode <b:includable id='comment-form' var='post'> cari tag <div class='post-footer-line post-footer-line-1'></div> kemudian tempelkan di bawah kode itu.

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

Kembali Ke cara add facebook comments box pada blogger



No comments:

Post a Comment