Sabtu, 10 Juli 2010

Cara Membuat Spoiler Blog

Sebelum membuat spoiler, perlu rasanya untuk mengetahui apa yang dinamakan spoiler. Spoiler adalah cara atau trik yang digunakan untuk menghilangkan sesuatu di blog. Spoiler dapat membuat blog lebih ringan saat diload/diakses. Spoiler dapat menyembunyikan teks biasa, kode program (HTML, CSS, dan lain-lain), gambar, video, dan lain sebagainya.
Berikut ini adalah kode yang perlu disisipkan diantara kode blog kita :
<div style="margin: 5px 20px 20px;"><input value="Buka" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka&#39;; }" type="button" /> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">ISI DENGAN TEKS, ATAU APA SAJA YANG INGIN ANDA SEMBUNYIKAN DI SINI </div></div>