Apa itu Spoiler?
Kalau kata Mr. Wiki spoiler itu adalah tulisan atau keterangan yang membeberkan cerita sebuah buku, film atau media lain.
Tapi gak usahlah kita bahas artinya itu, saya yakin kalau dicontohin pasti langsung ngerti.
Coba aja nih..
Klik
Jadi spoiler itu adalah tulisan yang disembunyikan, cara menampilkanya dengan di-klik Show.
Untuk membuat spoiler hanya perlu menambahkan kode ini :
<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul 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;">
Isi Spoiler
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul 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;">
Isi Spoiler
</div>
</div>
</div>
</div>
</div>
</div>
*Judul Spoiler dan Isi Spoiler diganti sesuai keinginan
Sekian..
Semoga bermanfaat
No comments:
Post a Comment