Membuat Tombol Minimize Maximize di Blog

Sudah tau kan tombol minimize dan maximize ?  Pastilah.. tombol itu hampir dimiliki semua software ataupun aplikasi komputer lainnya.  Namun pernahkah kalian melihat tombol itu terletak di blog ?  Aku sudah punya dari dulu neh sobat.. tapi baru bisa share sekarang ^_^ 


Bisa lihat di bagian Chat Box blog ini untuk melihat contohnya.  Gimana?  Indah kan? ^_^ .. Mau tau caranya?  Oke dah.. ikuti langkah - langkah berikut ini :

1. Login ke blogger
2. Ke 'Design' > Edit HTML > Centang 'Expand Widget Templates'
3. Ganti kode <h2 class='title'><data:title/></h2> dengan kode berikut :

<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:none;">'); /* ]]> */ </script>

 NB : sesuaikan dengan judul widget yang ingin di beri tombol minimize maximize

4. Lalu letakkan kode berikut diatas kode  </b:includable> :

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

NB : letak ini masih berada di dalam kode judul yang ingin di beri tombol minimize maximize

5. Save Template dan lihat hasilnya...

Kalau ada masalah, saran, kritik dan sebagainya.. kasih komentar yakk.. jangan di pendam sendiri ^_^