<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
  $(&#39;#toggler&#39;).click(function() {
    $(this).toggleClass(&#39;active&#39;);
    $(&#39;#comments&#39;).slideToggle(&#39;slow&#39;);
    return false;
  });
});
</script>

#comments {
display:none;
}
#toggler {
.....
}
#toggle-cm {
.....
}

Nah setelah itu kita tinggal menambah code atau tombol buat munculin dan

sembunyikan komennya itu,contohnya seperti di bawah ini 

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='toggle-cm' href='#' id='toggler'> Komentarnya !
    </a>
    </b:if>

untuk code CSSnya anda bisa atur sendiri,atau sesuaikan sendiri !

1. Buka Template Masuk ke Edit HTML. gak usah Centang EXPAND TEMPLATE WIDGET karena tampilan Blogger sekarang di update:D
2. Cari kode <b:skin>...</b:skin> (CTRL + F) agar Kagenia cepat mencari codenya
3. Klik ... pada code <b:skin>...</b:skin> dan nanti akan muncul code ]]></b:skin>
4. Kalo sudah, masukin code ini di atas code  ]]></b:skin>

1. Pertama yang mesti anda lakukan tentu login dulu di Blogger 
2. Kemudian klik Rancangan >> edit HTML
3. Jangan lupa Centang Expand Template Widget
4. Klik Download template lengkap untuk jaga-jaga.

<b:if  cond='data:post.title'>
<h3 class='post-title  entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

<h1 class='title' style='background: transparent;  border-width: 0px'>
<b:include name='title'/>
</h1>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

<h1  class='title'>
<b:include name='title'/>
</h1>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

.post h3 {
..................................
}

.post h3 a, .post h3 a:visited{
..................................................
}

.post h3 a:hover {
....................................
}

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{

display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

#header h1 {
............................
}

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}