Cara Membuat Komentar Facebook dan Blogger Berdampingan

Assalamualaikm.. dan selamat malam teman-teman kali ini Ophie akan berbagi lagi mengenai cara membuat Komentar Facebook Berdampingan dengan Komentar Blogger.. OK Guys langsung kita menuju keTKP aja ya..

• Pertama Sobat Login dulu diBlogger Milik sobat
• kemudian Masuk Kebagian Template => Edit Template => Centang Widget Template
• untuk jaga-jaga terjadi kesalahan, sobat Backup Dulu template sobat, biar aman
• selanjutnya sobat cari kode ]]></b:skin> dengan menggunakan Crtl+f pada keyboard, jika sudah ketemu letakkan kode dibawah ini diatas kode ]]></b:skin>

 .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;}

Catatan: Silahkan Hapus kode yang berwarna Merah jika ingin membuat kotak Komentar Facebook                 menjadi Transparan.

• Langkah selanjutnya cari kode </head>
• Kemudian letakan Kode di bawah ini tepat di Atas kode </head>

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FP Milik 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>

Catatan: Silahkan Ganti Kode berwarna Merah dengan ID FP (Fans Page) Sobat.

Whait.. jangan di simpan dulu, masih ada langkah Berikutnya:

• Silahkan cari kode <div class='comments' id='comments'>
• Umumnya kode <div class='comments' id='comments'> ada 2, jadi masukan kode di bawah ini tepat di Bawah kedua kode tersebut.

    <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='10' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Silahkan Sobat Hapus kode berwarna merah tersebut jika kode di bawah sama, jika tidak ya tidak usah. Untuk yang nomor10 adalah Jumlah komentar yang akan muncul. Untuk nomor 400 adalah Lebar kotak Komentar, Silahkan di ganti sendiri..


Berikutnya lihat pratinjaunya terlebih dahulu,jika sudah berhasil dan tidak ada kerusakan,
Save dan semoga berhasil ^_^