Membuat Spoiler di Blogger

Judul Spoiler Biasa :

ISI SPOILER
Isi dapat berupa teks atau gambar untuk mengisi gambar, tuliskan kode <img src='http://www.situs.com/file-gambar.jpg'/>
Untuk memasang kode ini silahkan copy & paste kode berikut:

<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>

Judul Spoiler Tanpa Background & Border :

ISI SPOILER
Isi dapat berupa teks atau gambar untuk mengisi gambar, buat kode <img src='http://www.situs.com/file-gambar.jpg'/>
Untuk memasang kode ini silahkan copy & paste kode berikut:

<div style="padding: 10px; border:0px solid #ccc;background:#fff"><div style="margin-bottom: 0px; font-family: arial;font-size:12px;"><b>Judul Spoiler Tanpa Background & Border : </b><input value="Buka" style="border:0px solid #000;margin:0px; width:30;color:#000;font-family: arial; font-size: 12px; height:16; background:#fff; font-weight:bold" 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; padding: 0px; border: 0px inset #fff;">
<div style='display:none'>ISI SPOILER</div>
</div>
</div>
 

Judul Spoiler Soft:

ISI SPOILER
Isi dapat berupa teks atau gambar untuk mengisi gambar, buat kode <img src='http://www.situs.com/file-gambar.jpg'/>
Untuk memasang kode ini silahkan copy & paste kode berikut:

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

Judul Spoiler Ala Wikipedia:[]

ISI SPOILER
Isi dapat berupa teks atau gambar, untuk mengisi gambar buat kode <img src='http://www.situs.com/file-gambar.jpg'/>
Untuk memasang kode ini silahkan copy & paste kode berikut:

<div style="padding: 10px; border:1px solid #ccc;background:#f9f9f9"><div style="margin-bottom: 0px; font-family: arial;font-size:12px;"><b>Judul Spoiler Ala Wikipedia:</b><input value="Buka" style="border:0px solid #000;margin:0px;color:#0000FF;font-family: arial; font-size: 12px; height:16;background:#f9f9f9" 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: 0 10px 0px 10px; padding: 0px; border: 0px inset #fff;color:#0000ff">
<div style='display:none'><br/>ISI SPOILER</div>
</div>
</div>