Cara Membuat Spoiler di Blog

1. Login ke Blogger 

2. Pilih New Post atau Entri Baru seperti membuat postingan biasa

3. Pilihlah pada mode Edit HTML saat membuat postingan

4. Gunakan kode script berikut ini untuk membuat spoiler:

<SPOILER ON HOW TO MAKE A BLOG

How to Create a spoiler in the Blog
A. Login to Blogger
2. Select a New Post or New Entries to make postings as usual
3. Choose the Edit HTML mode when creating a post
4. Use the following script code to make a spoiler>

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

Letakkan teks atau kode script (gambar atau video) di sini

 <br>
</div>
</div>
</div>

5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.

6. Klik Publish atau Terbitkan Entri jika sudah selesai.

<GOOGLE TRANSLATE>

SPOILER ON HOW TO MAKE A BLOG
How to Create a spoiler in the Blog
A. Login to Blogger
2. Select a New Post or New Entries to make postings as usual
3. Choose the Edit HTML mode when creating a post
4. Use the following script code to make a spoiler:


<div style="margin: 5px 20px 20px;">
<div style="text-align: class="smallfont" 2px;"> <b> Title Spoiler </ b>: <input value ="Open" style = "margin: 0px; padding: 0px; width: 55px; font-size: 12px; "onclick =" if !='') {=''; This.innerText =''; this.value = 'Close';} else {= 'None'; this.innerText =''; this.value= 'Open';} "type =" button ">
</ div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Put the text or script code (pictures or video) here
  <br>
</ div>
</ div>
</ div>

5. We can change the Title Spoiler at will, as well as Open and Close.
6. Click Publish or Publish Post when done.