Minimize and Maximize in Widget

Now I will discuss about how make maximize and minimize in widet blogspot. this tips is very interest. you can save more space in your blog page.
If you want to know, just follow this steps.

For the steps :
1. First, login to your blogger.
2. Second, click lyout > Edit HTML > check the "expand template widget"
3. Push CTRL-F, and search your widget that will bring "maximize and minimize"
4. For example from my widget, title='4 in 1 search :'

<b:widget id='HTML3' locked='false' title='4 in 1 search :' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Then change thi <h2 class='title'><data:title/></h2> with

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;inline&quot;" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;none&quot;" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
/* ]]> */ </script><data:title/></h2>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>

6. Then copy thi code

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

before </b:includable>

7. For the last, you can save it. And watch the result.
8. Happy blogging :)