Show Hide Komentar Dengan Spoiler

Masih seputar tips mempercantik Blog Sobat, berikut ini adalah triks membuat form komentar show-hide dengan menggunakan Spoiler, Semua komentar yang masuk akan tampil bila tombol spoilernya kita klik.

Langsung aja Sobat berikut Langkah-langkahnya ;
1. Masuk Rancangan pilih Edit HTML, klik Expand Template Widget
2. Cari Kode <div class='comments' id='comments'> ada dua kode pilih yang bagian bawah
3. Lalu pastekan kode dibawah ini tepat ini diatasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Dan Pastekan kode Spoiler ini tepat dibawah kode <div class='comments' id='comments'>

Kode Spoiler

<div style='text-align: center;'>
<input onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;; this.innerText = &apos;&apos;; this.value = &apos;♣ ||Close This Comments|| ♣&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.innerText = &apos;&apos;; this.value = &apos;♣ ||Click to Post Comments|| ♣&apos;; }' style='-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background:#610B0B;border:1px inset #ff0000;font:16px Verdana;color:#A4A4A4;width:auto;' type='button' value='♣ ||Click to Post Comments|| ♣'/></div><div class='alt2'>
<div style='display: none;'>

5. Lalu Scroll kebawah cari kode  <b:include data='post' name='backlinks'/>
6. Dan letakkan kode penutupnya dibawah ini, tepat diatas kode </b:includable>

Kode penutupnya

</div></div></b:if>

Contohnya peletakan kode penutup

         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div></div></div></b:if>
</b:includable>

Yang berwarna biru itulah letak kode penutupnya

Selamat Mencoba