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 sharesekarang ^_^

        Bisa lihat di dasar 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:inline;">'); /* ]]> */ </script>

    NB : sesuaikan dengan judul widget yang ingin di beri tombol minimize maximize
  4. Lalu ganti juga kode </b:includable> dengan kode berikut :
    &lt;script type='text/javascript'&gt; /* &lt;![CDATA[ */ document.write('&lt;\/div&gt;'); /* ]]&gt; */ &lt;/script&gt;
    NB : letak ini masih berada di dalam kode judul yang ingin di beri tombol minimize maximize
  5. Save Template dan lihat hasilnya...
  6. Kalau ada masalah, saran, kritik dan sebagainya.. kasih komentar yakk.. jangan di pendam sendiri ^_^

Category:  
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response.
0 Responses
Leave a Reply

Image by FlamingText.com
Image by riva'i anarkies
Image by FlamingText.com
Image by riva'i anarkies