Membuat TSpoiler Pada Posting

Buat sobat yang hiby ngaskus, tentu sudah nggak asing lagi membuat tombol Show dan Hide di thread-threadnya, nah kali ini kita akan mencoba untuk membuat tombol show dan hide tersebut ada pada postingan ataupun sidebar blog.


Langsung aja tanpa basa basi lagi ni contohnya :

Ini adalah Contoh Spoiler yg saya buat

Cara membuatnya begini :

<div>
<div style="margin: 1px;">
<div class="smallfont" style="margin-bottom: 1px;">
<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'HIDE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'SHOW'; }" type="button"/></div>
<div class="alt2">
<div style="display: none;">
<div style="text-align: left; padding:10px; border: 3px inset #333; "> Letakkan Text Yang Anda Ingin Sembunyikan Disini
</div></div>
</div>
</div></div>

Copy script dibawah ini ke postingan ataupun sidebar blog anda, dan ganti text berwarna merah dengan text ataupun gambar yang anda inginkan yang akan anda sembunyikan.