langkah bikin tombol spoiler show-hide, pentingnya kita menata situs (blog) supaya tampak lebih rapi dan dapat meminimalisir pemakaian area pada widget supaya dapat digunakan untuk kepentingan yang lain. spoiler biasa juga di pakai pada post atau page, tetapi pada catatan ini saya menggunakan spoiler tersebut pada widget.

untuk sahabat yang sudah meninggalkan komentar pada di antara artikel situs (blog) ini serta bertanya langkah bikin spoiler yang ada di baraja situs (blog), semoga catatan singkat ini dapat berguna buat anda dan untuk yang lain.

layaknya biasa, sesudah ada di wp-admin klik pada menu → ; appearance → ; widget, pakai widget arbitrary text or html. masukan script dibawah ini ↓ ;

<div id=”spoiler”>
<div style=”margin: 5px 20px 20px;”>
<div class=”smallfont” style=”margin-bottom: 2px;”>
<input 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’; }” style=”font-size: 11px; margin: 0px; padding: 0px; width: 75px;” type=”button” value=”Show” /></div>
<div class=”alt2″ style=”-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: linear-gradient(#444, #333) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 0px;”>
<div style=”display: none;”>
Letakkan script (isi) widget disini
</div>
</div>
</div>

baiknya copy terlebih dulu script untuk spoiler pada notepad, sesudah kode / script lain anda masukkan pada script spoiler tersebut serta di atur / susun cocok selera baru anda copy ke widget.

manfaat dari tag br/ yaitu untuk bikin baris ( urut ) jika ada kian lebih 1 script yang dapat anda tempatkan pada spoiler tersebut layaknya yang anda tengok pada spoiler situs (blog) ini yang ada di footer.