Cara Memberi Spoiler di Blog baru

  Fungsi utama spoiler adalah mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading. Fungsi lainnya tentu dengan spoiler kita dapat menghemat space dan posting terlihat lebih rapi. Semua pasti sudah tahu apa itu spoiler kan? Spoiler itu kaya gini contohnya.

Spoiler Contoh:

SpoiLer Contoh

Berikut adalah langkah - langkah dalam pembuatan spoilernya :
     1. Copy code html berikut pada Edit HTML blog baru

 

 

Code Html:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">


Ganti isi spoiler disini, dapat diisi gambar, kode html, paragraf dll.

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

  2. Sekarang tinggal Anda Ganti aja Isi dari spoiler yang mau Anda isikan...

Oh  iya !! Hampir lupa,..
Bagi teman - teman yang kesulitan dalam menambahkan code HTML pada spoiler Anda.. klik saja Linknya..
OK ...

  3. Selamat Mencoba..!!