Cara memasang Spoiler Button

Assalamu'alaikum

kali ini aku mau posting tentang spoiler button  .

langsung saja ya, buat yang belum tau spoiler button itu apa ini dia contohnya .

untungnya memasang ini, biar kelihatan tidak terlalu ramai dengat gadget-gadget yang kita pasang.

dan kalo di klik open akan terlihat seperti gambar di bawah 

mau tau caranya???  langsung saja .. cekidottt

seperti biasa anda harus login terlebih dahulu .

ini cara untuk  gagdet baru.

1. Tata Letak  >  Tambah Gadget  >  HTML/JavaScript
2. copy paste kode di bawah ini  dan simpan.

kalau untuk gadget yang sudah terpasang tinggal copy pastekan saja kode yang berada di dalam kotak tersebut diatas kode script yang ada.

<center><div id="spoiler"><div><input value="Open" style="width:88px ;font-size:12px;background-image: url(URL GAMBAR UNTUK BACKGROUND);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" /><div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%"><center>

*NOTE : untuk bagrounya seperti punya saya dengan baground langit-langit itu.

                kalian bisa ganti dengan gambar yang kalian inginkan (search di google) .

itulah caranya memasang spoiler button .

wassalam .