membuat spoiler di Blog


sebagian dari kita pasti sudah tahu apa itu spoiler, bagi yang sering menggunakan forum online pasti telah banyak tahu fungsi dan kegunaannya yang menjadi mempermudah dalam membaca.


bagaimana untuk di blog, fasilitas ini bisa kita buat sendiri dengan mengedit HTML posting yang akan kita masukkan. cara nya cukup mudah

1. buka post yang baru
2. pilih tab html dan
3. gunakan kode di bawah ini :


<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>

4. nah silahkan edit kode yang berwana merah dengan kalimat sesuai dengan kebutuhan
 mudah kan
contoh hasil


Judul Spoiler:
bahan bacaan hadifun

Comments