Cara Merubah 3 Komentar Menjadi 1 Komentar Disqus Saja

Cara Merubah 3 Komentar Menjadi 1 Komentar Disqus Saja
Cara Merubah 3 Komentar Menjadi 1 Komentar Disqus Saja

Template Kompi Flexible update terbaru menggunakan 3 sistem komentar yakni disqus, blogger, dan facebook. Saya sendiri kurang pas jika menggunakan sampai 3 sistem komentar karena itu akan mempengaruhi loading blog, selain itu akan membuat blog kita gemuk alias gendut yang kata orang kekinian 'obesitas'. Lagi pula saya lihat di blog teman-teman blogger, mereka hanya berkomentar pada sistem komentar yang tampil pertama, dengan kata lain hanya segelintir saja yang memilih atau mengklik tombol pilihan komentar.

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

1. Cari dan hapus kode CSS untuk komentar seperti 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 kode dibawah ini:
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:5px 20px}

2. Selanjutnya ganti kode seperti 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 kode 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 Nom Ifrod sekedar membantu bagi teman-teman blogger yang kebetulan templatenya menggunakan 3 sistem komentar seperti template kompi flexible. Selamat mencoba...
Artikel Terkait

Catatan:

File yang kami bagikan kami simpan di google drive, jika file format word dan excel dialihkan ke aplikasi google doc maka unduh / save as dulu ya. Namun jika kesulitan, silahkan baca cara downloadnya