Cara Mudah Membuat dan Memasang Spolier di Blogger

Akhirnya bisa posting lagi :D
Sudah tau spoiler kan?? Yang belum tau sya kasih tau.Jadi gini spoiler itu kayak gini

Contoh Spoiler:

Ini namanya spoiler!!

Sekarang yang belum tau,sudah tau kan???
Fungsi spoiler ini adalah untuk memperingan loading pagenya,jadi waktu di buka tidak langsung ngeload semua,biasanya yang dimasukan di spoiler adalah gambar yang berosolusi besar.Selain itu spoiler dapat menghemat space dan page akan lebih rapi.
Nah untuk caranya,masukkan script berikut di HTML.Letakkan sesuai keinginan.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">judul spoiler:
<input value="BUKA"style="margin: 0px; padding: 0px; width: 60px;
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 = 'tutup'; }" type="button">
</div>
<div class="alt2" style="border: 2px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">sisipkan gambar atau text yang akan di buat spoiler disini<br>
</div>
</div>
</div>

Untuk menyisipkan gambar gunakan atribut <center><img src="url gambar"></center>