Cara Membuat Spoiler / tombol Show Hide dalam postingan

Cara Membuat Spoiler /Tombol Show /Hide dalam Postingan , ini merupakan postingan pada catergori blog yang pertama, ebsof cukup tertarik untuk memposting artikel ini, mudah-mudahan berguna dan bermanfaat ..

Anda belum tahu Spoiler ... ??

Berikut ini contohnya :

Kode

TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN

Sudah Tahukan... ?Apa itu Spoiler / tombol Show Hide dalam postingan.. ? biasanya spoiler  ini tempat untuk menuliskan coding/artikel inti..

Untuk Membuat Spoiler.. anda cukup mengcopy code di bawah ini ke dalam postingan anda , Copy pada bagian HTML ya .....

<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<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 style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN</div>
</div>
</div>

Demikianlah artikel "Cara Membuat Spoiler / tombol Show Hide dalam postingan" semoga ini bermanfaat...