Cara Membuat Show-Hide Komentar di Blog

ss komentar kangkapuk

Cara Membuat Show-Hide Komentar di Blog - Halo sobat, gomen ne telat posting  :v, macet bgt bro, udah gitu ujan lagi :v, *eh kok jd curhat :v, yosh, kali ini saya akan share  Cara Membuat Show-Hide Komentar di Blog, mungkin tutorial ini sudah tersebar luas di blogger, tapi disini saya hanya akan memposting artikel yg bermanfaat bagi kalian walaupun  sudah sangat sering ditemui xD.

Ikuti langkah langkah berikut :

1. Copy kode dibawah lalu letakan tepat diatas kode </head>

<style>
    #comments {display : none;}
    .comment_container {background: #none;padding: 0;}
    #comments {display : none;}
    .comment_container {background: #none;padding:0;}
    a.show_comments{font-weight:bold;text-shadow: 0px 1px #fff;background:#d3d3d3;color:#444;box-shadow:inset 0 1px 0 0 #fff;border:1px solid #888;padding:2px 10px;-moz-border-radius:1px 1px 1px 1px;-khtml-border-radius:1px 1px 1px 1px;-webkit-border-radius:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;display:block;padding:10px;margin-bottom:10px;text-align:center;}
    a.show_comments:hover{background: #d4d4d4 ;display:block;padding:10;color:#777;}
    a.active.show_comments{background: #d4d4d4}
    </style>
    <script type='text/javascript'>
    $(document).ready(function(){$(".show_comments").click(function(){$("#comments").slideToggle("slow");$(this).toggleClass("active");return false})});
    </script>

2. Copy kode dibawah ini tepat dibawah kode   <b:includable id='comments' var='post'>

    <div class='comment_container'>
        <a class='show_comments' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
            <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk &quot;<data:blog.pageName/>&quot;<b:else/>
            <b:if cond='data:post.numComments'> <data:post.numComments/> komentar untuk &quot;<data:blog.pageName/>&quot; </b:if></b:if>
        </a>
    </div>

3. Klik simpan template

source script