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

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!

Socialize It →:

Tweet

Artikel terkait Lainnya