Cara Membuat Show Hide Untuk Kotak Komentar Blog

Also Read Other Articles

Show hide untuk kotak komentar akan bermanfaat untuk blogger karena apabila banyak sobat blogger banyak yang berkomentar maka akan berderet panjang dan memakan tempat dan apabila terdapat gambar maka akan berdampak pada loading bloga akan lebih lama, maka kami pun menyarankan agar dipasang show hide untuk Kotak Komentar,,, Mari sekilas Kita coba jelaskan langkah-langkahnya...

1. Masuk Akun Blogger Sobat
2. Masuk di Dasbor Klik Rancangan dan Edit HTML
3. Centang (Expand)
4. Untuk mempermudah pencarian tekan ctrl F

5. Lalu cari kode <dl id='comments-block'> atau kalau tidak ada maka cari kode yang ke dua yaitu <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6.  Masukkan kode berikut tepat di atasnya.

    &amp;lt;div style=&amp;quot;margin: 5px 20px 20px;&amp;quot;&amp;gt;

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

    &amp;lt;/div&amp;gt;

    &amp;lt;div class=&amp;quot;alt2&amp;quot; style=&amp;quot; border:5px inset #0dc3ff;padding:10px;text-align:center;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px;&amp;quot;&amp;gt;

    &amp;lt;div style=&amp;quot;display: none;&amp;quot;&amp;gt;

7. Lalu Cari kode  </dl>

8. Tambahkan Kode Berikut tepat di bawah kode tersebut

    &lt;br&gt;

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

9. Klik Save (Simpan)

Selamat Mencoba dan salam Sukses !!!