Cara Membuat Kotak komentar facebook di blogspot

Beragam bentuk kotak komentar yang biasanya tampil di web, di karena para admin merasa perlu untuk menambahkan fasilitas ini, para admin pemilik web membuat fasilitas ini bertujuan untuk mengetahui seberapa besar atau banyak komentar pembaca dari web blog tersebut, kritik dan saran yang di tulis dan lain sebagai nya.

Kenapa web blog saat ini banyak menampilkan komentar facebook di blog, hal ini di karena tidak lain karena saat ini memang facebook lah yang banyak di gunakan pera pengguna internet, kalau tidak percaya tanya saja kiri kanan anda, siapo yang dak ado facebook nyo tunjuk tangan,,,, hooooohoooo

Cara membuat tampilannya sebagai berikut :

1. Login ke Web blog dulu
2. Pilih dashboard => Pilih Element Template => Edit HTML
3. Cari kode ini <div class='comments' id='comments'>
 Biak cepat tekan be tombol Ctrl + F lalu cari la <div class='comments' id='comments'>
4. Kalu sudah ketemu pastekan scrip di bawah ini di bawah tulisan  <div class='comments' id='comments'>

<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='550'/></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='idfacebook' 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>

5. Simpan Template dan lihat hasil nyo

Kalu berhasil akan tampil seperti ini

Catatan :
Jika ada dua <div class='comments' id='comments'> pilih be salah satu

Posted in: Pustaka Mpu Barata,Trips & trik,tutorial bloger