cara membuat kotak komentar facebook berdampingan dengan komentar blogger

sahabat cara membuat kotak komentar di blogger secar berdampingan di dengan komentar blogger sahabat.
komentar tuh apa sih?
komentar sendiri sahabat sudah tau mungkin bahkan lebih dalam ketimbang yang nanya nya hehehe
 ok sahabat komentar di blog atau di facebook adalah postingan saran atau ide atau apalah-apalah itu
yang di posting di blog yang di kunjungi bahkan bisa sahabat untuk mumpang promosi link sahabat atau bisnis sahabat gratisan hehehe
 langsung ajja deh caranya  pertama sahabat masuk dulu ke FACEBOOK
registar buat accunt baru untuk mendapatkan id facebook sahabat untuk di pasang di blogger.
 silahkan sahabat ikutin saja  dan harus di isi semua.dengan benar.

 ok sahabat selanjutya langsung ajja deh ya sahabat setelah sahabat memiliki ID facebook
langsung ajja ke blog sahabat
ediet HTML lalu klick kode <div class='comments' id='comments'>
setelah itu masukan kode di bawah ini tepat di bawah kode di atas.

<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='5' width='500'/>
    <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:588px;'>Facebook Comments by
<b><a href='http://desalinggajati.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Blogger</a></b>
</div>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

setelah itu sahabat ceri kode </head> dan letakan kode berikut tepat di atasnya

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='193143707716719' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

dan yang terakhir sahabat temukan kode ]]></b:skin> tepat di atasnya

.comments-page { background-color: #00BFFF;}
#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;}

sekarang sahabat save dan lihat hasilnya gimana sahabat suka

dengan kotak komentar ini?.

semoga bermanfaat.