Membuat spoiler di Blog

Jika anda sering berkujung ke forum kaskus tentu anda sudah tidak asing lagi dengan spoiler, spoiler adalah kode untuk menyembunyikan dan menampilkan gambar sehingga anda bisa mengirit tempat atau area postingan anda, spoiler juga bisa membuat postingan anda lebih rapih, jika anda kaskuser tentu anda sudah tahu caranya membuat spoiler, caranya sangat gampang, karena kode yang diperlukan tidak terlalu banyak.

Nah bagaimana cara membuat spoiler di blog tentunya kode yang diperlukan untuk membuat spoiler di blog berbeda denan yang dipakai di kaskus, lansung saja ini dia skrip yang diperlukan untuk membuat spoiler di blog.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

maka tampilannya akan seperti ini.

Judul Spoiler [Judul yang miring] :

[ISI SPOILER]


Anda cukup memasukan alamat imeg anda di ISI SPOILER.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;"><img src="http://2.bp.blogspot.com/_2Tct7sNIoiM/SRQULZ5mOMI/AAAAAAAAAJo/j7ihDgTZEvA/s1600/enjoy.jpg"></div></div></div>

Jadinya seperti ini.

Judul Spoiler [Judul yang miring] :


Selamat mencoba.

Subscribe to receive free email updates: