Modifikasi Kotak Komentar Dengan Spoiler

Modifikasi Kotak Komentar Dengan Spoiler - Seperti biasa, Second Hours sukanya main sembunyi-sembunyi, jadi Modifikasi kotak komentar kali ini juga dengan sembunyi-sembunyi. Yaitu kotak komentar dengan spoiler/tombol buka-tutup.

• Masuk ke blogger
• buka Design/Rancangan
• Pilih Edit html
• Centang "Expand Widget Template"
• Cari kode <dl id='comments-block'>
• Jika tidak ada kode tersebut, cari kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>, pusatkan pencarian pada kode id='comments-block'>
• Setelah ketemu, masukkan kode berikut tepat di atasnya

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

• NB : Warna merah bisa diganti 
• Setelah itu, scroll ke bawah, sampai menemukan kode  </dl>
• Dan masukkan kode berikut tepat di bawahnya

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

Misalnya seperti ini,

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
        <b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>               

. . . . . . 

<a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
</div>
        </b:loop>
      </dl>
&lt;br&gt;


&lt;/div&gt;


&lt;/div&gt;


&lt;/div&gt;