Cara Membuat Show/Hide Kotak Komentar Dengan Style CSS

Assalammu'alaikum Wr.Wb | Tidak Bosan Kami Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Show/Hide Kotak Komentar Dengan Style CSS,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Show/Hide Kotak Komentar Dengan Style CSS.

Caranya :


1. Login Ke Akun Blogger Sobat
2. Masuk Kebagian Edit HTML Terus Centang Expand Widget Template
3. Cara Kode ]]></b:skin> Jika Sudah Ketemu Copas Script Dibawah Tepat Di Atasnya!

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

4. Cari Lagi Kode </head> Dan Pastekan Script Dibawah 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. Cari Lagi Kode <b:includable id='comments' var='post'> Jika Tidak Ketemu Cari Yang Mirip ! Dibawahnya Kita Pasang Script :

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

6. Terakhir Simpan Template ! Dan Check Kotak Komentarnya ^_^

Selesai Sudah Tutorial Dari TB4all Tentang Cara Membuat Show/Hide Kotak Komentar , Terima Kasih Sudah Berkunjung dan Membaca Artikel Kami , Jika Ada Yang Tidak Di Mengerti Bertanyalah Dari Pada Kesesat Di Tengah Jalan ^_^ , Dan Selamat Mencoba :D