Kali ini gw akan memposting tentang cara "Membuat Spoiler pada Blog"...Gw dapat trick ini dr Blogger Akatsukhi...n daripada saya ribet kalo mo mencari trick ini lagi mending sekalian az gw simpen di blog gw...hehehe. Nah sebelumnya pengen nanya dulu nih, teman-teman tau tidak spoiler itu seperti apa..,??? kalau belum tau silahkan lihat bagian akhir postingan ini..., spoiler ini sejenis dengan hidden chatbox/widget berkaitan dengan hal sembunyi-sembunyian, maksud dalam pembuatan spoiler ini adalah menghemat ruangan blog supaya tidak berkesan rame n ribet....hehehe..,


Spoiler ini sudah terkenal sekali bagi yang selalu mengunjungi kaskus pasti disana teman-teman sering menjumpai spoiler.., ya kan ???padahal gw sendiri jarang maen ke Kaskus...hihihi. Nah pada kesempatan kali ini gw akan ngasih tau cara pembuatannya...keyz.

Langsung aja y, untuk membuat spoiler dibutuhkan kode berikut :

<div style="margin-bottom: 2px;">Judul Spoiler

<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>

<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div></div>

 Keterangan : Ganti Judul Spoiler dengan judul Spoiler kalian.., dan ISI SPOILER  tentunya dengan konten atau apapun sesuai keinginan kebutuhan teman-teman.., dan contoh spoiler'na seperti ini :