Assalamu'alaikum Wr. Wb
AD-ITech - Selamat pagi, siang, dan malam dimanapun pembaca berada. Kali ini saya akan membagikan cara bagaimana untuk membuat kotak spoiler. Seperti yang biasa kita lihat di forum, khususnya kaskus.
Daftar Isi
Kegunaan Kotak Spoiler
Cara Membuat Kotak Spoiler
AD-ITech - Selamat pagi, siang, dan malam dimanapun pembaca berada. Kali ini saya akan membagikan cara bagaimana untuk membuat kotak spoiler. Seperti yang biasa kita lihat di forum, khususnya kaskus.
Daftar Isi
Kegunaan Kotak Spoiler
Cara Membuat Kotak Spoiler
Kegunaan Kotak Spoiler
Kotak spoiler berfungsi untuk menyembunyikan gambar atau tulisan yang
ingin kita tidak perlihatkan ke orang-orang tertentu atau mungkin hanya
untuk menghemat halaman saja supaya tidak terlalu panjang.
Cara Membuat Kotak Spoiler
1. Pastikan ada sedang membuat posting.
2. Klik HTML di sebelah Compose
3. Copy dan Paste source berikut
<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 12px; 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;">Ganti dengan tulisan, gambar atau kode script<img border="0" /></div></div></div>
4. Ganti tulisan berwarna merah sesuai dengan keinginan kalian.
5. Ini adalah contoh dari kotak spoiler yang kita buat tadi
Judul Spoiler:
Sekian dari saya, semoga bermanfaat. Terima kasih.
Wassalamu'alaikum Wr. Wb
Post a Comment