Cara Membuat Spoiler Pada Blog

Kali ini saya membahas tentang cara membut spoiler pada blog. Sebenarnya membuat spoiler pada blog dibutuhkan jikalau kita menaruh banyak gambar pada sebuah postingan kita.

Tentunya jika terlalu banyak gambar pada sebuah postingan yang tidak dibuat spoiler, tentu saja membuat kesal pengunjung yang bisa dikatakan memiliki koneksi yang " LOLA " ( seperti saya ).

Sebaiknya juga jangan memasang Spoiler pada sembarang tempat karena akan membuat pengunjung menjadi bosan untuk terus-menerus mengklik tombol Spoiler tersebut.

Berikut ini adalah script untuk spoiler :

<div><div style="margin:
5px;">
<div class="smallfont"
style="margin-bottom:
2px;"><i><span
style="font-weight:
bold;">Judul Spoiler</span></i><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>
<div class="alt2"
style="border: 1px inset ;
margin: 0px; padding:
6px;">
<div style="display:
none;">
Isi Sebuah Spoiler</div></div></div></div>

Tulisan berwarna Merah bisa diganti sesuka hati anda. Terima kasih atas perhatiannya.