Ini yang paling berhasil membuat kotak komentar facebook di blogger

Setelah sekian lama mencari artikel tentang pembuatan komentar  melalui facebook akhirnya saya dapat juga artikel yang berkaitan dengan cara membuat komentar facebook di blogger.yah saya harus ngakulah dari pada ketahuan.artikel ini saya dapat dari link tetangga, rencana mau permisi reposting di zayacellrokanhulu tapi maaf lupa bookmark nya karena artikel ini saya dapat pada malam sebelumnya. ntar kalau ketemu sama yang punya saya permisi.hihihihi

kyak gni ni tampilanya teman - teman :

• Langkah pertama Login ke Akun Blogger anda.
• Pada Dasbor lalu Pilih Rancangan
• Kemudian Pilih Edit HTML 
• Jangan lupa untuk mencentang kolom expand template widget dulu
  

Copas kode berikut tepat dibawahnya  kode <div class='comments' id='comments'> pada template anda.
catatan : dan apabila terdapat dua kode <div class='comments' id='comments'> yang sama pada templet anda maka pilih lah pada kode yang ke 2
 ini dia code yang di copy:

<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='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='letakkan 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>

• Dan langkah yang terahir Simpan Template dan lihat hasilnya mudah kan...jangan lupa ID Fb nya ganti dengan ID Fb anda

Mudah sekali bukan. makanya cepet bisa diterapkan di blog ku, harap maklum baru ini saya punya web dengan domain blogspot. sebelumnya punya domain gratis lainnya yaitu zayacellrohul.zz.mu tapi setiap beberapa minggu sekali selalu kena banned ( artinya mungkin " halaman admin nya tak bisa dibuka )jadi terpaksa dari awal lagi settingannya+ artikel saya juga ludes terbakar.
salam hangat, salam kenal.