Cara Membuat Spoiler Simple

Ditulis oleh: 23 Januari 2013
Cara Membuat Spoiler Simple
Cara Membuat Spoiler Simple sebenarnya sudah banyak dibahas oleh blogger jadi FORUM JNR tidak perlu panjang lebar membahas apa itu Spoiler dan bagaimana cara pasanganya.
yok langsung lihat dan copy kode spoiler di bawah ini:
Kode Spoiler Simple:
<div id="spoiler">
<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="Klik" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;">cara membuat spoiler,spoiler di blog dan postingan,cara membuat spoiler di blog,cara membuat spoiler di postingan,spoiler di blog,cara membuat kotak scroll,kotak scroll,kotak scroll dan spoiler,box scroll,scroll box,klik buka,klik tutup</p>
</div><div id="hide"></div></div></div>
tulisan cara membuat spoiler dan seterusnya diganti dengan tulisan sobat.
Sekian Cara Membuat Spoiler Simple by FORUM JNR.
oh ia hasilnya seperti ini bro

2komentar:

Silahkan Berdiskusi Dengan Baik,NO SARA NO SPAM
Mohon Maaf Komentar yang ada link-nya terutama link yang hidup atau komentar Promosi akan saya hapus.