Cara membuat Show/Hide button pada blog

00.50 in Seputar Blog

malem semua,, mumpung masih bisa ngeblog walaupun udah basi tapi gpplah,, mungkin bermanfaat bagi yg membutuhkan,, membuat Show / Hide button seperti ini :

button ini bisa di letakkan di widget maupun di postingan,, terserah seleramu saja ...
copas script berikut :

<div style="margin: 5px 20px 10px;" align="center">
<div class="smallfont" style="margin-bottom: 2px;"> <input value="Show" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

letakkan script yang mau di HIDE dengan button di sini

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

keterangan :
1. biru = mengubah posisi spoiler di tengah/kiri/kanan
2. hijau = mengganti nama pada buttonya,, misal Show kamu ubah jadi tampilkan
3. Aqua = memberi ukuran ketebalan garis kotak pada spoiler, jika tidak ingin ada garis kotak ubah 1px menjd 0px
4. merah = tempat sript yg ingin kamu HIDE/SHOW .....

Semoga bermanfaat !!!!