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….






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…………………..

Posted in: Blogs and Websites