Cara Membuat Tombol Minimaze & 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 ? 

Untuk Demonya Bisa Anda Lihat Dibagian Footer saya.., 

Bagaimana..? anda ingin membuatnya..?  Oke dah.. ikuti langkah - langkah berikut ini :

1. Login ke blogger
2. Ke 'Design' > Edit HTML > Centang 'Expand Widget Templates'
3. Cari Judul nama Sidebar anda yang ingin diberi kode ini, nah.. Dibawahnya kan ada Kode..  
   <h2 class='title'><data:title/></h2>
   
4. Ganti Kode Tersebut 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 : Jika Anda Ingin Tampilan Utama Langsung Hide (Seperti saya) Ganti Kode yg berwarna hijau diatas dengan Kode none 

 5. Lalu Taruh kode berikut diatas Kode </b:includable> (yang tadinya terletak dibawah kode <h2 class='title'><data:title/></h2> )

 <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

6. Jika Sudah, Klik Save Template..

Semoga Berhasil dan bermanfaat ^_^

Share :

Tweet

More

Related Post