Kamis, 16 Mei 2013

Membuat Tombol Minimize Maximize di Blog

Assalamualaikum sobat  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 

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  
sumber
Bagaimana sobat ? bingung untuk memakai tutorial tersebut ? atau udah sukses memakai tutorial tersebut ? 
Jika ada masalah dalam menggunakan tutorial tersebut, segera kasih komentar untuk bertanya. 
Sekian dulu sobat  Wassalam  

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

2 komentar:

  1. Gan. Mohon pencerahan lebihnya untuk yang ini. Mau saya coba. lagi googling nih. Hasilnya kira" gimana y gan? :)

    BalasHapus
  2. Coba aja Gan tapi pas edit template di pratinjau dulu ya, kalo udah pas tingal simpan. kaya di blog saya widget "Kunjungi juga blog berikut! Yaa" bisa kan lebih meminimal tampilan

    BalasHapus

Salam Sukses