Unordered List

Tuesday, February 19, 2013

Open/ Hide Button to Hide a Widget Inside


Friends, This post about hide your widget  in blogger. It make more free space in your blogger. If you want to see the hidden widget just click Open button. Add it into you blog and comment below….


Open and Close Button for hide  a widget  inside. By techtoones.blogspot



Log in your Blogger
  • Go to Layout


  • Click on “Add Gadgets

  • Select “HTML/Javascript” option from given list.

  • Copy below code and paste it.

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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;; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

<!---Insert A Widget Here--->
<!---Insert A Widget Here--->


</div></div></div><a href="http://techtoones.blogspot.com/" target="_blank"><small>HideWidget</small></a>

  • Change RED color with your Widget code.

  • Save it and enjoy..



Leave a comment………………….. if this code is not working…………………..

0 comments:

Post a Comment