Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Membuat Tombol Minimize Maximize di Blog

Membuat Tombol Minimize Maximize di Blog - Assalamualaikum sobat :D lama tidak posting karena ada beberapa masalah tentang kesibukan saya. Beberapa waktu lalu, ada sobat blog yang menanyakan cara Membuat Tombol Minimize Maximize di Blog seperti yang ada pada widget sidebar saya.

Karena sepertinya banyak yang ingin tau cara pasangnya, tanpa pikir panjang, saya tuliskan saya cara Membuat Tombol Minimize Maximize di Blog yang telah terpasang pada blog Artikel Kecil ini :D

Langkanya adalah .....

1. Login Blogger.com
2. Klik pada bagian Template > Edit HTML > centang Expand Widget template
2½. Tentukan Widget mana yang akan di beri tampilan Maximize Minimize
3. Cari kode <h2 class='title'><data:title/></h2> dan ganti menjadi 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>
4. Kemudian letakkan kode berikut di bawah kode </b:includable> 
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
Catatan : kode berikut masih terletak dalam kode yang ingin diberi maximize Minimize tadi

Lihat contoh penampakannya
5. Then, simpan dan lihat hasilnya :D

Bagaimana sobat ? bingung untuk memakai tutorial tersebut ? atau udah sukses memakai tutorial tersebut ? :D
Jika ada masalah dalam menggunakan tutorial tersebut, segera kasih komentar untuk bertanya. :D
Sekian dulu sobat :D Wassalam :D

Refrensi :
http://dopind.blogspot.com/2011/11/membuat-tombol-minimize-maximize-di.html

Keyword - Membuat Tombol Minimize Maximize di Blog

4 comments for "Membuat Tombol Minimize Maximize di Blog"

  1. thanks infonya, ntar ane cobain gan

    ReplyDelete
    Replies
    1. sama sama :D
      silahkan dipasang sob :D

      Delete
  2. Gan. Setelah saya psang.
    ketika awal buka blog, yang terjadi semua widget dalam posisi maximize. :(
    gmn caranya agar p1 loading widget posisi minimize? :) thanx

    ReplyDelete
    Replies
    1. liat script diatas sob.
      ganti kode ... style="display:none;

      menjadi ... style="display:inline;

      Kalo " style="display:none; ", itu tandanya dari awal langsung ketutup.
      tapi kalo " style="display:inline; ", itu tandannya dari awal langsung show

      CMIIW ^^

      Delete