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("' + rnd + '").style.display = "inline"" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>'); document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "none"" 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
http://dopind.blogspot.com/2011/11/membuat-tombol-minimize-maximize-di.html
thanks infonya, ntar ane cobain gan
ReplyDeletesama sama :D
Deletesilahkan dipasang sob :D
Gan. Setelah saya psang.
ReplyDeleteketika awal buka blog, yang terjadi semua widget dalam posisi maximize. :(
gmn caranya agar p1 loading widget posisi minimize? :) thanx
liat script diatas sob.
Deleteganti 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 ^^