Tutorial Cara Membuat "Komentar Facebook" di Blog

 Nak Buat Macam komen saya??Ada komen dari facebook juga Komen dari blogger...senang jer..cuma kena sabar sikit untuk dapatkan hasilnya..hehehe

 Actually benda nie direquest oleh HUDA
Hurm saya pun x pandai nak terangkan..so...

 Seperti biasa masuk ke akaun blogger,klik "template"....
 cari kode  ]]></b:skin>
 Setelah itu, copy code dibawah diatas kode ]]></b:skin> yang  kamu cari tadi.

    .comments-page { background-color: #;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}

Lepas itu cari kode </head> lalu copy code dibawah diatas </head> .

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID Facebook Kamu' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>

Perhatikan Code Diatas.!!!
Pada tulisan yang berwarna hijau, silakan ganti dengan ID Facebook kamu. Misalnya link profil Facebook kamu adalah : https://www.facebook.com/Nama Akaun Facebook Kamu, maka ID kamu itu adalah yang berada pada tulisan berwarna hijau.

Akhir sekali
Cari kode  <div class='comments' id='comments'> lalu masukan code dibawah ini di bawah code tadi:

    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'> 

AMBIL PERHATIAN!!!
1. Jika kamu jumpa ada 2 code <div class='comments' id='comments'> 
    Maka, kamu simpan kode diatas tepat di bawah kedua kode <div class='comments' id='comments'>.
2. Angka 5 adalah jumlah komentar yang akan ditampilkan pada komentar Facebook.
    Angka 630 merupakan lebar kotak komentar Facebooknya.
Dan kamu bisa mengubah angka-angka tersebut, sesuai dengan lebar template blog kamu.

P/S:Credit To:Dah x ingat dah tutorial nie amik dekat mana..sebab dah lama save dlm Laptop.