Membuat Spoiler di Blog Pada Postingan Atau Sidebar

Apa sih Spoiler itu?

---

Kira-kira begini, spoiler itu adalah widget untuk menyembunyikan sesuatu baik itu gambar, kode HTML atau teks anda, yang mana gunanya untuk meringkas ruang pada posting / sidebar. Segitu aja deh..

---

Nah daripada bingung liat ini contohnya ..

---

Silahkan :

Isi kode script untuk gambar, HTML atau teks anda disini

Ini gambar Jahe Merah Karomah, Order ya via saya

---

Cara pasangnya gampang, tinggal di copas saja (jangan malu-malu ya) kode dibawah ini , baik di postingan atau di sidebar

---

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

Isi kode script untuk gambar, HTML atau teks anda disini

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

---

Width: 55px adalah lebar kotak spoiler.Gantilah sesuai kebutuhan anda. font-size: 11px adalah ukuran huruf dalan kotak spoiler.Dapat diganti sesuai kebutuhan. Tutup dan Lihat dapat anda ganti sesuai keinginan anda Isi kode script, HTML dan teks anda disini dapat anda ganti dengan teks atau kode script.

---