Tutorial Membuat Spoiler Postingan

Spoiler sendiri berfungsi untuk menyembunyikan suatu tulisan / video / gambar dan bermacam hal lain yang apabila kita menuliskan nya secara langsung di blog maka postingan blog tersebut akan berat dan pengunjung pun enggan untuk membaca nya  dan lalu meninggalkan postingan tersebut untuk itu disini saya mencoba membuat spoiler tersebut  ,

berikut adalah contoh spoiler

[Judul Spoiler] [Judul miring] :

[ISI SPOILER]

nah , untuk membuat spoiler di atas cukuplah mudah ,kita hanya perlu menyisipkan kode berikut ini

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Show'; }" type="button"> </div><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Keterangan, untuk [Judul Spoiler] terserah diganti sesuka Anda, untuk [Judul miring] juga tergantung Anda, tidak menggunakan [Judul miring] juga tidak akan pengaruh. Nah untuk [ISI SPOILER] diisi dengan isi spoiler Anda.