cara menampikan spoiler content pada postingan blog

nah ini adalah script yang berfungsi untuk menampilkan hide/show post content pada postingan blog
contohnya kayak di situs www.klikunic.com n di forum2...
contoh :

Kamu dari mana aja?
Dari tadi loh aku nunggu kamu... :*

nah untuk ngebuat spoiler kayak di atas tuh caranya gni
kamu masuk ke postingan mode html (edit html) jangan pake compose yah... :D
pada saat kamu melakukan posting artikel kamu pasang aja kode ini

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close';
 }
else 
{ 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = '';
this.value = 'Spoiler'; 
}
" type="button">
</div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Content yang akan kamu show/hide (kayak gambar di atas)
</div>
</div>
</div>


Ket : 

• tulisan Spoiler di atas adalah teks yang muncul pada tombol (button value)
• pada tulisan Content yang akan kamu show/hide (kayak gambar di atas) kamu isi dengan      artikel/gambar/video tapi dalam format html yah

slamat mencoba... :D

Posted in: Blogging