Setelah berputar putar di google mencari tutorial agar bisa membuat spoiler di Blog, Akhirnya ketemu juga caranya...
Kali ini, saya akan membahas tentang membuat Spoiler pada blog.

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Spoiler ini bisa anda letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

Spoiler : 

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b> Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">


<br>
</div>
</div>
</div>  
 
Keterangan :

1. Untuk tulisan Open dan Close bisa anda ganti sesuai keinginan.
2. Width : 55px untuk lebar Spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak Spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan anda.

Hasilnya bisa dilihat pada bagian bawah blog ini..

Nah segitu aja...Semoga berhasil Happy Blogging
Sumber: Tip End Trik