Pages

Kamis, 08 Maret 2012

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

1 komentar:

  1. gimana gan kalau widgetnya sudah di plot selalu ada di pojok,,,,,tanda html nya sudah tidak seperti itu lagi,harus bagaimana tolong gan infonya....!

    BalasHapus