Membuat Tombol Spoiler

Yoouuw Mas Bro, finally we meet again. Berbicara tentang seputar spoiler dan bagaimana untuk membuat spoiler dan bagaimana cara kerjanya, maka kali ini saya dengan senang hati ingin memberikan tutorial seputar Spoiler, Buat para interneters pasti sering kali melihat tampilan spoiler apalagi untuk para kaskuser, kira-kira tampilannya seperti ini.

Judul Spoiler:

Letakkan sesuatu yang ingin dimasukkan kedalam spoiler. Contohnya gambar, kode html, paragraf. Terserahlah mau di masukkan apa saja boleh

Gimana keren kan? dengan cara seperti ini, postingan di blog sohiba karib jadi terlihat lebih bersih dan rapih hehe..e...he.. jika sohib karib berminat ingin membuat tampilan spoiler di blognya, bisa mengikuti cara saya dibawah ini.

Silahkan kamu copy kode didalam 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;"> Letakkan sesuatu yang ingin dimasukkan kedalam spoiler. Contohnya gambar, kode html, paragraf. Terserahlah mau di masukkan apa saja boleh </div> </div> </div>

silahkan letakkan kode tersebut dipostingan sohib karib semua, maka sekarang sohib sudah menemukan cara membuat tombol spoiler di blog. Semoga bermanfaat