Cara membuat Kotak Komentar Facebook Di blog

Berikut Contohnya :facebook-comments-for-wordpress screenshot 1

Pasang Kotak Komentar Facebook di blogger
Baiklah pada kesempatan kali ini saya mau bahas masalah komentar lagi nich,..
So Silahkan Ikuti Langkah-langkah berikut ini :


  • Silahkan Buat Aplikasi Anda disini : Facebook developer page
    Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
    Contoh  : http://blogcunayz.blogspot.com
    Menjadi : http://blogcunayz.blogspot.com/
    Ambil ID Aplikasi Copy dulu di Notepad.
  • Sekarang LoginLah ke Account Blogger sobat
    Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
    <data:post.body/> atau <div class=’post-header-line-1′/>
    dan paste code berikut dibawahnya :
    Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua.
  • Selain code diatas anda juga dapat menyimpannya diantara code  <div class='post-footer'> DISINI SCRIPTNYA <div class='post-footer-line post-footer-line-1'>

Ini Scriptnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> Mau Pasang Seperti Ini? <a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='facebook comment'>Klik Disini..</a></b></div>

Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda

Jika Tidak Mau Pusing Bikin APlikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:

Script Jadi dan Tinggal Pasang tanpa Buat Aplikasi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;204413479577247&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: transparent; font-size:15px; padding:3px;width:100%;'><b> Mau Pasang Seperti Ini? <a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='facebook comment'>Klik Disini..</a></b></div>

Selamat Kotak Komentar Anda sudah Jadi, Jika ada Masalah jangan segan-segan memberikan Komentar.

Sumber : XXXXX

{ 2 komentar... Skip ke Kotak Komentar }

binkbenk mengatakan...

postigan yang mantap sobat...

:D salam kenal ya

dimas radityatama mengatakan...

ya sob salam kenal balik

Tambahkan Komentar Anda

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat