Cara Membuat Komentar Facebook Dan Blogger Bersatu

Cara membuat komentar facebook dan blogger jadi berdampingan menjadi satu,
Sekalian tips membuat kotak komentar facebook di blogspot sendiri.
Nah sekarang kita akan melakukan tutorial cara membuat kotak komentar fb di blog, seperti pada gambar dibawah berikut ini;

Tab komentar fb berdampingan dengan komentar blog, seperti gambar diatas. menarik pasti kan gan untuk di coba.. semua itu ada kok tutorialnya selagi ada kemauan dan tidak malas semua bisa :D
yuukk ikutin langkah berikut;
Langsung ke TKP saja yaa,  Cara Membuat Komentar Facebook dan Blogger;

1.  Login ke akun blogger sobat ya
2. Pilih pasti nya edit template.Lalu klik edit html
3. Tekan CTRL + F atau tekan f3 aja dan
4. Cari kode ]]></b:skin>
5. Setelah itu taruh kode berikut ini tepat di atas ]]></b:skin> tadi
   
   
   .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;}
6.  Kemudian cari kode </head>
7. Taruh kode berikut in di atas kode </head> tadi
   
   
   .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;}<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDfacebook' 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>
8. Gantikan IDfacebook dengan ID sendiri (facebook.com/IDfacebook) ya seperti itulah.. oke kita lanjutkan ke langkah berikutnya.
9. Kemudia cari kode <div class='comments' id='comments'> Jika kamu menemukan 2 kode yang sama. Letakkan saja kode  ini tepat di dibawah 2 kode tersebut.
   
   
   .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;}<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10.  NB: 5 itu adalah banyaknya komentar yang ditampilkan.
    dan 450 adalah lebar kotak komentar facebook.
11. Simpan template. selesai  :)

Semoga artikel ini berguna, terimakasih sudah membaca..  DEMO Seperti diatas :) cara membuat kotak komentar facebook berdampingan dengan blog.