Membuat Spoiler dan Quote di Blog

Kali ini Ane mau posting tentang cara membuat Spoiler dan Quote di Blog, langsung aja nie gan scriptnya;

Script Buat Spoiler!!

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Nama Spoiler </span></i><input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Simpan Gambar, Media, atau Tulisan Yang Ingin Di Spoiler Disini....!

</div></div></div></div>

Tampilannya jadi gini nie gan :

Nama Spoiler

Simpan Gambar, Media, atau Tulisan Yang Ingin Di Spoiler Disini....!

Script buat QUOTE

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background: #ffffff none repeat scroll 0% 0%; border: 2px solid #000000; overflow: auto;">
Taruh disini teks, gambar atau media lain yang akan diquote</div>

Tampilannya seperti dibawah ini :

Taruh disini teks, gambar atau media lain yang akan diquote

Nahh, selesai dah, gampang kan??
Oya,., Tulisan yang berwarna biru bisa antum rubah sesuai keinginan antum,., Good luck!! :-)