Membuat Efek Spoiler pada Komentar di Blog

Trik baru buat menghemat tempat di blog sob...,,kali ini tentang cara Membuat Efek Spoiler untuk Komentar di Blog. Sangat bermanfaat untuk sobat yang blognya sering dikunjungi dan punya banyak komentar yang ditinggalkan. 

Kalau sobat tertarik untuk memasang efek spoiler pada komentar di blog sobat, caranya cukup gampang dengan ngikutin langkah-langkah berikut :

1. Login ke Blogger dengan ID sobat

2. Di Dasbor, klik tab Template lalu Edit Template HTML --> centang pada Expand Widget Templates

3. cari kode <dl id='comments-block'> Jika kode tersebut tidak ada , cari kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>, pusatkan pencarian pada kode id='comments-block'>

4. Copy lalu pastekan kode berikut tepat diatasnya

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

5. Kalau sudah, scroll kebagian bawah sampai temukan kode </dl>  lalu pastekan kode berikut tepat dibwahnya

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

Untuk tulisan yang berwarna merah bisa diganti dengan kalimat yang sobat inginkan.!

Selamat Mencoba..... (Sekedar info..,,kodenya udah memang gitu..,,ane coba tes dengan kode asli gak bisa sob, ane juga heran)

Salam,