Membuat Kotak Komentar Facebook di blog

Hai teman
Kali ini saya Mau bagi in cara bikin kotak komentar FB di Blog nih

Nih screenshotnya yang ane praktekin di blog ane

Langsung aja

1. Login ke Akun Blog kamu
2, Pilih Template, selanjutny Klik "edit html" dan centang "expande templae widget" untuk pertahanin widgetnya dan supaya bisa bekerja

3. Cari kode <div class='comments' id='comments'> ,
 
    kalo kamu nemuin ada 2 buah kode di atas,,pilih kode kedua

4. Copy kode di bawah tepat di bawah kode tadi

<p><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='Masukan ID Fb anda disini' 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> <style>.comments-page { background-color: #f2f2f2;} #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;}</style></p>

Pada tulisan "Masukan ID Fb anda disini" di atas, ganti dengan ID aplikasi anda. Selanjutnya silahkan save dan lihat Hasilnya di blog anda

Mohon Sisihkan waktu anda untuk "LIKE" postingan ini dan Komentar di kotak Komentar FB di bawah

Terimakasih