Membuat Komentar tersembunyi

Trik ini berguna untuk menyembunyikan komentar yang diberikan oleh pengunjung blog kita, dengan memanfaatkan script JQuery, maka komentar yang panjang di posting blog akan disembunyikan.

Berikut trik untuk membuat nya ;

• Login ke blogger Anda
• Jangan lupa backup dahulu template lama untuk jaga-jaga kalau script tidak jalan
• Masuk kebagian Rancangan dan pilih Edit HTML
• Beri tanda centang pada Expand Template Widgets
• Carilah kode ]]></b:skin> dan copy paste kode ini diatas nya

• #comments {
  display : none;
  }
  .tombol-komentar a{
  text-align: center;
  }
  .stylewadah {background: #CCC;
  padding: 5px;
  }

• Cari kode </head> dan selanjutnya copy paste kode ini diatas nya

• <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
  <script type='text/javascript'>
  $(document).ready(function(){
      $(&quot;.tombol-komentar&quot;).click(function(){
          $(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);
          $(this).toggleClass(&quot;active&quot;);
          return false;
      });
  });
  </script>

• Cari kode yang persis sama seperti kode dibawah ini

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

• Jika sudah ketemu, copy paste kode dibawah ini pada bagian bawah nya

• <center>
  <div class='stylewadah'>
  <a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  <b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>
  </a>
  </div>
  </center>

•  Simpan Template Anda dan lihat hasil nya

Selamat mencoba
Sumber lain bisa dilihat disini : http://tip-triksblogger.blogspot.com/2011/10/showhide-pada-menu-komentar-dengan.html