Membuat Komentar model Show / Hide

1. Meluncur aja ke Dasbor —> Layout/Tata Letak —> Edit HTML
2. Jangan lupa klik kotak sebelah Expand Template Widget dan sebaiknya men-download dulu template kamu sebelum melakukan pengeditan untuk menghindari kesalahan yang tidak diinginkan
3. Paste kode di bawah ini sebelum kode </head>

   <script type="text/Javascript">
   function togglecomments (postid) {
   var whichpost = document.getElementById(postid);
   if (whichpost.className=="commentshown") {
   whichpost.className="commenthidden";
   }
   else {
   whichpost.className="commentshown";
   }
   }
   </script>

4. Cari kode <dl id yang mengacu pada comments tapi menurutku kebanyakan kodenya begini:

   <dl id=’comments-block’>

   atau
   

   <dl id="comments-block">

5. Kalo udah ketemu ganti kode tadi dengan kode di bawah ini:
   

   <dl class=’commenthidden’ id=’comments-block’>

6. Gak berhenti sampai di situ, kalian harus menyisipkan kode di bawah ini di bawah menu .deleted-comment {
   

   .commenthidden {
   display:none
   }
   .commentshown {
   display:inline
   }

   Kalo gak ngerti selengkapnya begini:
   

   .comment-footer a:link {
   color: #999999;
   }
   .deleted-comment {
   font-style:italic;
   color:gray;
   }
   .commenthidden {
   display:none
   }
   .commentshown {
   display:inline
   }
   .feed-links {
   clear: both;
   line-height: 2.5em;
   }
   #blog-pager-newer-link {
   float: right;
   }
   #blog-pager-older-link {
   float: left;

7. Kemudian cari kode berikut ini

   <a name=’comments’/>

   Selengkapnya perhatikan kode di bawah ini:
   
   

   <a name=’comments’/>
   <b:if cond=’data:post.allowComments’>
   <h4>
   <b:if cond=’data:post.numComments == 1′>
   1 <data:commentLabel/>:
   <b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>:
   </b:if>
   </h4>

8. Sisipkan kode berikut di bawah kode </h4> tadi:
   

   <base target=’_self’><h2><a aiotitle=’click to expand’ href=’javascript:togglecomments%20("comments-block")’ rel=’nofollow’><b> »» Lihat / Tutup Komentar</b></a></h2></base>

   Untuk kalimat yang berwarna merah bisa diganti dengan kata-katamu
9. Simpan deh…