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 dasar blog ini untuk melihat contohnya. Gimana ? Indah kan ? ^_^ .. Mau tau caranya ? Oke dah.. ikuti langkah - langkah berikut ini :
- Login ke blogger
- Ke 'Design' > Edit HTML > Centang 'Expand Widget Templates'
- 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("' + rnd + '").style.display = "inline"" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "none"" 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
- 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
- Save Template dan lihat hasilnya...
- Kalau ada masalah, saran, kritik dan sebagainya.. kasih komentar yakk.. jangan di pendam sendiri ^_^
