cara membuat banyak spoiler di bloger

login ke bloger
buat entri baru
pilih mode compose HTML
pastekan kode dibawah ini

spoiler 1

<button onclick="if(document.getElementById('spoiler1') .style.display=='none')
 {document.getElementById('spoiler1') .style.display=''}
 else
 {document.getElementById('spoiler1') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler1" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 2

<button onclick="if(document.getElementById('spoiler2') .style.display=='none')
 {document.getElementById('spoiler2') .style.display=''}
 else
 {document.getElementById('spoiler2') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 3

<button onclick="if(document.getElementById('spoiler3') .style.display=='none')
 {document.getElementById('spoiler3') .style.display=''}
 else
 {document.getElementById('spoiler3') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler3" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 4

<button onclick="if(document.getElementById('spoiler4') .style.display=='none')
 {document.getElementById('spoiler4') .style.display=''}
 else
 {document.getElementById('spoiler4') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler4" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 5

<button onclick="if(document.getElementById('spoiler5') .style.display=='none')
 {document.getElementById('spoiler5') .style.display=''}
 else
 {document.getElementById('spoiler5') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler5" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 6

<button onclick="if(document.getElementById('spoiler6') .style.display=='none')
 {document.getElementById('spoiler6') .style.display=''}
 else
 {document.getElementById('spoiler6') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler6" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 7

<button onclick="if(document.getElementById('spoiler7') .style.display=='none')
 {document.getElementById('spoiler7') .style.display=''}
 else
 {document.getElementById('spoiler7') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler7" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 8

<button onclick="if(document.getElementById('spoiler8') .style.display=='none')
 {document.getElementById('spoiler8') .style.display=''}
 else
 {document.getElementById('spoiler8') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler8" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 9

<button onclick="if(document.getElementById('spoiler9') .style.display=='none')
 {document.getElementById('spoiler9') .style.display=''}
 else
 {document.getElementById('spoiler9') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler9" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

spoiler 10

<button onclick="if(document.getElementById('spoiler10') .style.display=='none')
 {document.getElementById('spoiler10') .style.display=''}
 else
 {document.getElementById('spoiler10') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler10" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

LINK : http://www.webkeren.net