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?
Share on Google Plus

About DEYUAN COM

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar: