Cara memasang komentar Facebook pada blog

Komentar merupakan hal yang umum terdapat pada blog,komentar juga merupakan media bagi para blogger kepada para pembaca untuk saling berinteraksi.Apalagi kalau komentarnya bisa terhubung dengan facebook,kita semua tahu kan kalau facebook merupakan media sosial yang paling umum dimiliki oleh kalangan masyarakat.hal ini tentu saja mempermudah pembaca untuk mengomentari postingan pada blog anda.



Tampilan komentar facebook pada blog :

Dibawah ini uraian mengenai cara memasang komentar facebook pada blog :

1. masuk ke blog kemudian klik Template-Edit HTML

     2.kemudian cari kode <div class='comments' id='comments'> gunakan kombinasi Ctrl+F

     3.setelah itu copy kode berikut dibawah kode <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='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='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> <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>

NB : ganti tulisan ID FACEBOOK KAMU dengan ID facebook masing-masing

     4.terakhir jangan lupa untuk disimpan

Sekarang silahkan dicek pada blog masin-masing,bagaimana mudah bukan?jika sobat sekalian merasa kebingungan bisa komentar dibawah dan terus kunjungi heroesman blog.jika bermanfaat mohon untuk dishare ya..