Membuat Spoiler di Postingan Blog

Spoiler adalah cara menyembunyikan isi posting yang bisa berupa teks atau gambar tertentu yang berguna untuk menghemat space pada halaman postingan dan mempercepat loading halaman terkait.

Kode:

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">INI CONTOH SPOILER </span><input value="Buka" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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;">

ISI SPOILER TEKS / GAMBAR

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

Keterangan:

• Tulisan berwarna merah dapat anda ganti sesuai isi / spoiler yang akan anda tampilkan
• Tulisan berwarna biru dapat anda ganti atau biarkan seperti itu

Hasil:

INI CONTOH SPOILER

Hormat...... Grak

Semoga bermanfaat..

Link to This Post:

http://jvccard.blogspot.com/2011/04/membuat-spoiler-di-postingan-blog.html