Cara membuat show hide komentar 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 terbuka. Jika sobat ingin membuat show hide komentar blog, berikut ini caranya.

1. login 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!

 
Top