Jadi Terpelajar Cara Merubah 3 Komentar Menjadi 1 Komentar Disqus Saja

Template Kompi Flexible update terbaru memakai 3 sistem komentar yakni disqus, blogger, dan facebook. Saya sendiri kurang pas bila memakai hingga 3 sistem komentar alasannya ialah itu akan menghipnotis loading blog, selain itu akan menciptakan blog kita gemuk alias gendut yang kata orang kekinian 'obesitas'. Lagi pula aku lihat di blog teman-teman blogger, mereka hanya berkomentar pada sistem komentar yang tampil pertama, dengan kata lain hanya segelintir saja yang menentukan atau mengklik tombol pilihan komentar.

Karena itu aku disini ingin membantu teman-teman blogger yang kebetulan templatenya memakai 3 sistem komentar ibarat template kompi flexible. Dan ingin hanya memakai satu komentar disqus saja, silahkan perhatikan langkah-langkahnya berikut ini:

1. Cari dan hapus instruksi CSS untuk komentar ibarat dibawah ini

.comments{margin-top:0;}
 #comments2{background:#fff;clear:both;margin:0 auto;line-height:1em;padding:20px;font-family:Roboto,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
 iframe{border:0;overflow:hidden}
 #comments2 h3{margin:0;font-size:18px;color:#666;padding-bottom:16px;}
 .comment_area{border-right:1px solid #ddd;}
 .comment_header{border-top:1px solid #ddd;margin-left:5px}
 ........................
 ........................
 ........................
 ........................
 .disqus-box,.facebook-box{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}

Kemudian ganti dengan instruksi dibawah ini:

#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:5px 20px}

2. Selanjutnya ganti instruksi ibarat dibawah ini :

<b:includable id='comments' var='post'>
 .....................
 .....................
 .....................
 .....................
 </b:includable>

dengan ini :

<b:includable id='comments' var='post'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <div class='comments' id='comments'>
 <b:include data='post' name='disqus-comment'/>
        <script type='text/javascript'>
        //<![CDATA[
        if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}
        //]]>
        </script>
 </div>
 </b:if>
 </b:includable>

3. Supaya tidak membebani blog, silahkan hapus beberapa instruksi dibawah ini

<b:includable id='fb-comments' var='post'>
 <div class='fb-comments' data-colorscheme='light' data-numposts='5' expr:data-href='data:post.url' id='fb-comment'/>
 </b:includable>
 
 ==============
 
 <b:includable id='threaded-comment-form' var='post'>
 ...................
 ...................
 ...................
 </b:includable>
 
 =============
 
 <b:includable id='threaded_comment_js' var='post'>
 ...................
 ...................
 ...................
 </b:includable>
 
 =============
 
 <b:includable id='threaded_comments' var='post'>
 ...................
 ...................
 ...................
 </b:includable>

Itu saja dari sekedar membantu bagi teman-teman blogger yang kebetulan templatenya memakai 3 sistem komentar ibarat template kompi flexible. Selamat mencoba...