cara buat kotak spoiler / sembunyikan --> lihat

sore semua, beberapa hari ini saya tidak menulis artikel, di karenakan bingung mau nulis apa hehe
nah dan sekarang ini saya mau bagi bagaimana cara buat spoiler, wah pembaca ada yang bilang, wah itu postingan jadul, haha emang ini mungkin sudah lama di posting beberapa blog, tapi saya belum memostingnya, dan saya akan memostingnya, biar penuh isi artikel atau post saya hehe, nah yang belum tau spoiler ini dia contoh spoiler

di sini saya gunakan spoiler untuk tempat link teman, tetapi jika ingin anda gunakan untuk daftar posting juga bisa, nah langsung saja ke pembahsan


1. pastikan anda berada pada dasbor
2. pilih layout
3. tambah gadget atau (+) HTML/javascript
4. setelah anda pilih HTML/javascript, masukan kode di bawah

<div><input type="button" value="buka Link" style="margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;;this.innerText = &#39;&#39;; this.value = &#39;Tutup Link&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Lihat Link&#39;; }" />
</div>
<div style="background: #ffffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
<li><a href="http://galihentermyroom.blogspot.com/" target="_blank">galihentermyroom blog</a></li>
<li><a href="http://informasianyar.blogspot.com/"target="_blank"> informasi anyar</a></li>
<li><a href="http://kinaryasa.blogspot.com/"target="_blank">anis blog</a></li>
<li><a href="http://adamalisahid.blogspot.com/"target="_blank">adam ali sahid blog</a></li>
<li><a href="http://komputertips4u.blogspot.com/"target=="_blank">komputertips4u</a></li>
<li><a href="http://digitalchronicle.info/category/musical-instruments/"target="_blank">ONLINE SHOPPING STORES</a></li>
</div>
</div>

5. yang berwarna merah ganti dengan link teman atau link postingan anda
    yang berwarna biru itu adalah nama yang akan muncul pada saat di buka (contohnya lihat punya saya)
6. jika sudah selesai, klik simpan.

kotak spoiler anda sudah jadi, semoga bermanfaat .

Peringatan . . .!! 

Jika artikel saya bermanfaat, dan membantu anda, dan anda ingin menyebarkannya lewat postingan di blog anda, saya mohon untuk mencantumkan hak cipta atau menyertakan link saya