Pada kali ini saya akan mencoba sharing kepada teman-teman untuk share tentang membuat Spoiler di blog! Bagaimana sih caranya. Caranya mudah banget kalian tinggal Copy kode dibawah ini :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;">MASUKAN ISI SPOILER DISINI, DAN DAPAT DI ISI GAMBAR JUGA </div> </div> </div>
Na, sekarang teman-temang tinggal mengganti Teks yang berawarna Merah saja. Seperti Judul Spoiler, dan "Isi sesuai dengan teman-teman inginkan".
Ini hasilnya :
Judul Spoiler:
Semoga dapat membantu pencarian teman-teman.
