Cara Membuat Spoiler Hide And Show

Cara Membuat Spoiler Hide And Show.Sip,ini lah yang akan kita bahas pada sore hari ini.Oke para blogger,apa itu spoiler hide anda show.Ingin tahu contohnya.Silahkan lihat widget dibawah ini:

Like Facebook

Berikut contoh dari widget yang menggunakan spoiler hide anda show.Ini sangat berguna untuk menghemat tempat di laman kita.Jika anda tertarik,saya kana berikan kode HTMLnya.

Kodenya:

<div><div style="margin-bottom: 2px;"><b><small>Klik Show untuk melihat</small></b>
<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"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

[LETAKKAN POSTINGAN-KODE HTML/SCRIPT ANDA DI SINI]

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

Warna hijau adalah kode widget anda.Sekian tutorial nge-blog kali ini.Semoga bermanfaat bagi anda. :) salam blogger.Saya tunggu komentarnya.