Cara membuat spoiler pada windget

Kali ini Indatabo akan share tentang Cara membuat spoiler pada widget. Dengan cara ini sangat berguna untuk menghemat tempat pada blog kita sehingga sangat sayang untuk tidak dimanfaatkan. 
Sebagai contoh !

Indatabo 

• Pertama masuk ke dashboard
• Klik Design
• Pada page elements klik add a gadget
• Pilih Add HTML/Javascript
• Masukkan kode dibawah ini !

<div><div style="margin-bottom: 3px;"><i><b><small>Teks yang di tampilkan sebelum spoiler</small></b></i><input value="Teks Pada Spoiler" style="margin: 0px; padding: 0px; width: 100px; font-size: 10px;" 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;Hide&#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;Show&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Letakkan dulu kode windget anda disini / apapun
</div></div></div>

• Warna BIRU : teks yang di tampilkan sebelum spoiler, bila tidak ingin ditampilkan bisa dihapus saja
• Warna Merah dengan teks yang ingin di tampilkan pada spoiler
• Klik save

Selesai... mudah bukan ?

Related Post