Cara Membuat Show Hide Komentar di Blog


Cara Membuat Show Hide Komentar di Blog
Cara show hide komentar blog ini bermanfaat untuk menyembunyikan komentar yang panjang kebawah.
Membuat komentar blog lebih simple dan rapi.
Dengan klik comment, maka komentar2 akan terbuka.
Jika sobat ingin membuatnya,
berikut ini caranya:

1. login ke blog
2. rancangan
3. edit html dan centang "expand widget template"
4. letakan kode berikut di atas ]]></b:skin>

#comments {
display : none;
}
.tombol-komentar a{
text-align: center;
}
.stylewadah {background: #000;
padding: 5px;
}
5. letakkan kode berikut di atas </head>

<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> 

6. letakkan kode berikut di bawah <b:includable id='comments' var='post'>

<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> 

7. simpan dan selesai

Selamat mencoba!