Membuat Spoiler Di Postingan Blogspot

Spoiler adalah menyembunyikan tulisan di dalam kotak yang tidak akan terlihat sebelum di klik buka. Tujuannya adalah untuk meringkas artikel yang terlalu panjang karena memuat kode-kode. untuk membuatnya sangat lah mudah. Ikuti langkah di bawah ini.

Kopi paste kode di bawah ini ke dalam postingan sobat namu sebelumnya jangan lupa memilih mode HTML dulu.

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

Letakkan teks / gambar atau script anda disini

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

Tampilannya seperti di bawah ini

Klik Spoiler Berikut:

Letakkan teks / gambar atau script anda disini

nah, begitu caranya membuat spoiler di dalam postingan. Mudah kan?

Tweet