membuat spoiler di blog

zondim - kali ini akan memberikan tutorial bagaimana cara membuat spoiler di blog, spoiler adalah tombol yang digunakan untuk mempersingkat tempat atau menyembunyikan konten baik itu text, gambar, video, dan laen laen deh.. 

nah kalau biasanya kan mungkin teman teman melihat spoiler hanya di kaskus, atau di forum forum laen nya, nah kali ini saya akan memberi tau cara bagaimana membuat spoiler di blog. 

ini dia kode untuk membuat spoiler tersebut..

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Buka'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini

 <br>

</div>

</div>

</div>

nah itu caranya diatas dan contoh nya seperti ini gan, 

Judul Spoiler:

yang buka jeleeeeeeeeeeeeeeeeeeeeekkk hehehhehehe

itu contoh nya gan, sekarang terserah agan mau berkereasi seperti apa yang penting jangan lupa beri komentar di blog ane, hehehhee... semoga bermanfaat ya gan artikel saya kali ini, saya cuma belajar juga dan dapat kode tersebut dari tetangga sebelah yang bernama kurniasepta  makasih ya mas kurnia septa, semoga dapat bermanfaat untuk semua orang, terimakasih.