Cara Membuat Spoiler Vol 1 di Blog

Tutorial Blog | Tips | Trik | SEO - fungsi spoiler sama seperti fungsi scroll yang bertujuan untuk menghemat ruang halaman saat memposting gambar yang banyak atau tulisan yang panjang, tapi spoiler lebih unik dari pada scroll.

cara untuk membuatnya cukup mudah. ini harus di selesaikan di edit html karena ini berhubung dengan kode-kode HTML. copy paste kode dibawah ini dan edit.

<div style="padding: 10px;">
<div style="margin-bottom: 2px;"><b>Judul Spoiler Biasa :</b>
<input value="Buka" style="border:2px inset ;margin:0px; width: 60px;color:#000; font-size: 10px; height:20px;" 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 style="margin: 10px 0 0px 0; padding: 5px; border: 2px inset #fff;">
<div style='display:none'>ISI SPOILER</div>
</div>
</div>

Tutorial Blog | Tips | Trik | SEO menyarankan edit nya hanya pada tulisan yang berwarna hitam diatas.

isi spoiler : Isi dapat berupa teks atau gambar untuk mengisi gambar

buat kode <img src='http://www.situs.com/file-gambar.jpg'/>

Hasilnya akan seperti ini

Judul Spoiler Biasa :

ISI SPOILER