buat spoiler di blog

Hehe,,,berawal dari iseng maen di sebuah forum bisa pake code spoiler,,,keren juga,apa di blog juga bisa???


ternyata bisa...ne contohnya...
Spoiler with picture

Judul Spoiler

nech codenya...

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; 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"/><br /> </div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><br /><img src="http://photos.friendster.com/photos/45/39/76189354/1_447214809l.jpg"><br /> <br /> </div></div></div></div>

Spoiler with background

ISI SPOILERMU

codenya

<div id="spoiler"><br /><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="Cara Membuat Spoiler Dengan Warna Background" /></div><br /><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><br /><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><br /><p style="text-align: justify;">Tulis kata kata agan disini.</p><br /></div><div id="hide"></div></div></div>

Spoiler without background

VALLENT RASTAFARA

codenya

<div id="spoiler"><br /><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="Cara Membuat Spoiler Tanpa Warna Background" /></div><br /><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><br /><p style="text-align: justify;">Isi Dengan kata-kata kamu sendiri ya…</p><br /></div><div id="hide"></div></div>

gimana???mudah khan...