Cara membuat Spoiler Buka Tutup Pada komentar Blog

Assalamualaikum sobat blogger semua, di postingan kali ini saya akan membahas tentang spoiler pada  komentar blog. buat sobat" yang pernah berkunjung ke forum" seperti kaskus pasti tau kan apa itu spoiler. kemarin saya sempat memposting tentang tricks membuat spoiler di blog, Kali ini triksnya lain,,hehe..sederhana sekali, yaitu dengan memodifikasi htm. Untuk sobat yang ingin membuatnya saya yakin pasti bisa asalkan diikuti langkah-langkahnya dengan cermat dan tidak terburu-buru.


Berikut Tricks"nya sob...


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 script 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. selesai....!!! selamat mencoba sob...