Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Oke langsung Saja
===========================================
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Open'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">
Letakkan kode script, HTML, PHP atau teks anda disini.<br> </div> </div> </div>
===========================================
Demo :
Spoiler:
terima kasih atas sharing infonya. Nanti saya akan coba tutorialnya untuk memakai spoiler untuk mempercantik dan maksimalkan konten halaman.
ReplyDeleteKunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
dan website kampus saya: http://www.atmaluhur.ac.id
Terima kasih infonya gan, sangat bermanfaat dan menambah wawasan saya tentang pembuat spoiler.
ReplyDeleteJangan lupa kunjugi blag saya https://randi96.mahasiswa.atmaluhur.ac.id/
dan website kapus saya juga ya http://www.atmaluhur.ac.id/