Andalan Tech

Home
Blogger

Cara Membuat Kotak Spoiler di Blog

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.

Cara Membuat Kotak Spoiler di Blog


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:
Ganti dengan tulisan, gambar atau kode script
6. Selesai

Sekian dari saya, semoga bermanfaat. Terima kasih.

Wassalamu'alaikum Wr. Wb