Cara membuat kotak komentar show hide

1. Login ke dasbor blog sobat (menggunakan tampilan dasbor yang baru)

2. Template --> Edit HTML (kalau keluar peringatan klik lanjutkan)

3. Ceklist expand widgets template

4. Cari kode <dl id='comments-block'> jika tidak ada cari kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

 5. Jika sudah, masukkan kode berikut diatas :

&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;&lt;b&gt;Spoiler&lt;/b&gt; Untuk lihat &lt;b&gt;komentar yang masuk&lt;/b&gt;: &lt;input value=&quot;Lihat&quot; style=&quot;margin: 0px; padding: 0px; width: 60px; font-size: 10px;&quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display != &#039;&#039;) { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;&#039;; this.innerText = &#039;&#039;; this.value = &#039;Tutup&#039;; } else { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;none&#039;; this.innerText = &#039;&#039;; this.value = &#039;Lihat&#039;; }&quot; type=&quot;button&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset ; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;

6. Scroll ke bawah sedikit ada kode  </dl>

7. Letakkan kode berikut dibawahnya

&lt;br&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

 8. SAVE lihat hasilnya..

Selamat mencoba Cara membuat kotak komentar show hide , semoga berhasil..

Sumber : http://www.masterendi.com/

Posted in Tips n Trik