Create Auto Hidden Menu

Auto Hidden Menu or commonly referred to as Spoiler Menu is very useful to hide a widget that it is very much that the blog looks neat to see. A menu widget spoiler if given code will only appear if it is clicked and hidden when the click again. I think that's the explanation I got here. For how to make it please follow the following guidelines:
Log into Blogger.com using your Id and Password.
Click the Layout menu.
Click Add Gadget and select HTML/JavaScript.
Copy the code below and put it in the box that appears:

<div><div style="margin: 0; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; "value=" OPEN"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='CLOSE';) else (this.parentNode.parentNode.getElementsByTagName ('div') [1]. getElementsByTagName ('div') [0]. style.display='none'; this.innerText=''; this.value='OPEN';) "type="tombol"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color: none; background-color: none ; text-align: justify; padding: 10px; ">

Place Your Code, Banner, Script Etc Here!!

</div></div></div></div></div>

Finish and see the results.

Tweet