Tombol Show/Hide Komentar Part 1

Tidak usah berlama lama, langsung aja lihat cara penerapannya di blog

1. Pertama,pergilah ke Dashboard,lalu Tata Letak,kemudian pilih tab Edit HTML.
2. Lalu contreng check box tulisan Expand Widget Templates,lalu cari kode berikut : ]]></b:skin>
3. Setelah ketemu,Copas code dibawah ini tepat diatasnya.

#comments {display : none;}
.tombol-komentar a{text-align: center;}
.stylewadah {background: #CCC; padding: 5px;}

4.  Setelah itu,masih di HTML area, tarik scroll kebawah cari kode: </head>, Setelah ketemu letakkan kode script di bawah ini tepat diatasnya.

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

5. Setelah itu cari kode berikut:

</b:includable>
<b:includable id='comments' var='post'>

Untuk mempermudah pencarian kode gunakan Ctrl+F pada keyboard anda.
Jika sudah ketemu,letakkan kode berikut,tepat dibawahnya:

<center>
<div style='background: url(https://lh3.googleusercontent.com/-v45CDlr79Hc/Uo2jfPq4_ZI/AAAAAAAAAW8/asTzuwPF7tQ/s5-no/bg.gif); border-radius: 30px; border:3px ridge orange; font-size: 14px;'>
<div class='stylewadah'>
<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  <b:if cond='data:post.numComments == 0'><blink><b>Show/Hide Comment</b></blink><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>
</div>
</center>

6. Lalu Simpan Template,dan lihat hasilnya di postingan anda!!

Baca juga artikel :  Tombol Show/Hide Komentar Part 2

"Terima kasih sudah membaca artikel Tutorial : Tombol Show/Hide Komentar Part 1. Anda bisa bookmark halaman ini dengan URL https://henry-dunanz.blogspot.com/2013/12/tombol-showhide-komentar-part-1.html. Jangan lupa klik salah satu tombol dibawah ini."