Membuat Komentar Posting Tersembunyi (Show / Hide)

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

Suka? Klik Like Ya...