Cara Memasang Kotak Komentar Facebook Di Blogspot

Author : Oktavialei

Cara memasang kotak komentar facebook di blog, dengan kotak komentar ini, sobat dapat bisa memudah kan para pemirsa pengunjung blog sobat untuk bisa berkomentar melalui login facebook tanpa ribet2 harus login dngana akun google apalagi kalo pengunjung kita tidak mempunyai akun google, untuk itu saya akan memberikan metode sederhana dalam pemasangannya
bagi yang ingin menggunakannya silahkan sobat langsung saja, bagaimana cara memasang komentar facebook di blog :

Cara Memasang kotak Komentar Facebook Di Blog
1. Masuk ke akun blog sobat
2. Pilih Template --> Edit HTML
3. Sobat Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawanya.

<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 SOBAT' 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> 

• Keterangan : Jika terdapat 2 kode  <div class='comments' id='comments'> pilih kode yang kedua.dan  sobat perhatikan tulisan kapital yang bertulisan ID FACEBOOK SOBAT , silahkan ganti tulisan tersebut dengan ID FACEBOOK SOBAT..   kalo sudah langsung sobat Save atau simpan dan lihat hasilnya..

Sekian tutorial cara memasang komentar facebook di blog. semoga bermanfaat jika adala keluhan dalam tutorial ini silahkan ajukan di kolom komentar, untuk lebih dan kurangnya saya mohon maaf.