Cara Membuat Spoiler di Posting Blog untuk Menyimpan Kode Panjang

Cara Membuat Spoiler di Posting Blog untuk Menyimpan Kode Panjang.

Spoiler adalah cara untuk menyembunyikan teks, video, gambar, maupun kode script dengan tujuan untuk menghemat halaman posting.  Spoiler juga dapat mempercepat loading blog.

Lihat DEMO

Cara Membuat Spoiler Pada Postingan Blog 

1. Tulis posting seperti biasa.

2. Jika sudah selesai, klik mode "HTML"

4. Masukan kode di bawah ini:

<div id="spoiler" style="display:none">

ISI SPOILER

</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>

CONTOH:

ISI SPOILER GAMBAR