Cara Menyatukan Kotak Komentar Blog Dan Facebook

Cara Menyatukan Kotak Komentar Blog Dan Facebook, Cara ini cukup mudah dan dapat menghemat tempat kotak komentar kita, serta kotak komentarnya pun berurutan. Gabungan dari kotak komentar blogger dan kotak komentar facebook ini lebih sederhana.
Cara ini saya dapatkan dari hasil blogwalking dan berkunjung ke blog sahabat, yaitu  Blog Sharing ilmu pengetahuan disana di bahas tentang asal tutorial ini. 
Jika anda berminat silahkan ikuti langkah-langkah berikut ini.

1. Login Ke Akun Blogger sobat
2. Pada Dasbor Pilih Rancangan /Design  Kemudian Pilih EDIT HTML ( dan jangan lupa untuk mencentang kolom expand template widget )
3. Masukan atau copas kode berikut tepat dibawah kode  <div class='comments' id='comments'>
   ( apabila Terdapat 2 kode <div class='comments' id='comments'> yg sama Silakan sobat pastekan ke kode yg kedua ) 

Sebelumnya Selamat Mencoba, Semoga Sukses...

<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'/><br /> <fb:comments-count expr:href='data:post.url'/> Comments<br /> </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<br /> </div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/><br /> </b:if><br /> </div><div class='comments comments-page' id='blogger-comments-page'><br /> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='ID FB Sobat 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><br /> <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>