How To Make Spoiler Menu For Blog

Spoiler is a column that can be opened and closed, and there is a line that forms the border or column. Its function is the same as the scroll function that aims to save page space when posting images or text that much so it looks organized and neat. (Example: facebook badge which is the right side).

How to Make Spoiler menu 
To make the menu spoilers follow these steps: 

1. Log in to your blog  
2. Click the Design / Layouut
3.  Click Add a gadget
4.  Click html / javascript  
5. Copy and paste the code below 

<Div style = "margin: 20px 5px 20px;"> 

<Div class = "smallfont" style = "margin-bottom: 2px;"> <b> Spoiler </ b>: <input value = "Open" style = "margin: 0px; padding: 0px; width: 55px; font -size: 11px; " 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; Close & # 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; Open & # 39 ;;} "type =" button "/> 

</ Div> 

<Div class = "alt2" style = "border: 1px inset; margin: 0px; padding: 6px;"> 

<Div style = "display: none;">