Membuat Spoiler pada Blog

kali ini saya akan membahas tentang spoiler. apa itu spoiler? Spoiler merupakan bagian dari postingan yang sengaja disembunyikan. Bagi yang sering main-main ke forum pasti sudah akrab dengan istilah ini. fungsi dari spoiler ini tentunya akan menghemat tempat, jika pada postingan teman - teman terdapat banyak gambar, apalagi klo gambar itu gede. Dan tentunya, menghemat waktu loading page bukan.? maka dari itu spoiler mungkin bisa menjadi solusi dari salah satu kendala tersebut.



untuk membuat spoiler silahkan copy kode di bawah 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>

maka hasilnya akan seperti berikut :

Judul Spoiler

ISI SPOILER



Mudah Bukan? :-d

Tidak ada komentar:

Posting Komentar