Membuat Tombol Minimize Maximize di Blog

Browse » Home » Blogging Tutorial » Membuat Tombol Minimize Maximize di Blog

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 :

Login ke blogger
Ke 'Design' > Edit HTML > Centang 'Expand Widget Templates'
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("' + 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>

NB : sesuaikan dengan judul widget yang ingin di beri tombol minimize maximize
Lalu letakkan kode berikut diatas kode </b:includable> :

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

NB : letak ini masih berada di dalam kode judul yang ingin di beri tombol minimize maximize
Save Template dan lihat hasilnya...
Kalau ada masalah, saran, kritik dan sebagainya.. kasih komentar yakk.. jangan di pendam sendiri ^_^

34 komentar:

sd mengatakan...: kalau tombol maximize dan minimize ada, apa ada tombol (X) close?, gimana cara membuat?; 17 November 2011 pukul 16.34
Deo Pradipta mengatakan...: gak tau bro.. taunya cuma ini gw XD
oh iya.. artikelnya itu benerin lagi yak.. soalnya ada background yg putih2 gitu..; 17 November 2011 pukul 16.50
Islam mengatakan...: Komentar ini telah dihapus oleh administrator blog.; 19 November 2011 pukul 20.21
Unknown mengatakan...: bisa tolong diperjlas keterangannya???; 7 Desember 2011 pukul 22.26
Deo Pradipta mengatakan...: wah.. itu udah yg paling jelas sob.. coba diperhatiin lagi ^_^; 8 Desember 2011 pukul 20.29
schiffer mengatakan...: eror sob.. ada tulisan gini
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "b:includable" must be terminated by the matching end-tag "

gmna tuh ? ngobatinnya..; 27 Desember 2011 pukul 17.49
Deo Pradipta mengatakan...: salah waktu ininya sob.. "/b:includable" soalnya kode itu banyak.. cari yg tepat dibawahnya..; 27 Desember 2011 pukul 17.51
schiffer mengatakan...: masih gitu juga sob... hummzz,,pusing..; 27 Desember 2011 pukul 18.03
Deo Pradipta mengatakan...: tapi punya gue bisa sob.. liat tuh yg dibawah.. :/; 27 Desember 2011 pukul 19.02
schiffer mengatakan...: b:includable nya cuma satu pada tiap widget.. jadi gmn nih?; 27 Desember 2011 pukul 19.37
Deo Pradipta mengatakan...: iya memang sob.. ini harus satu2.. bukan langsung semua..; 27 Desember 2011 pukul 21.14
schiffer mengatakan...: masalahnya da tulisan itu terus sob..

Nie blog ku..coba liat apa yg salahnya kira
http://antexamq.blogspot.com; 28 Desember 2011 pukul 14.46
Deo Pradipta mengatakan...: liat tuh sob.. screenshot punya gue di artikel.. coba samain.. :/; 28 Desember 2011 pukul 15.38
Anonim mengatakan...: punya saya ga bisa dihiddenkan... apa yg salah ???
http://mr-cnblue.blogspot.com/; 2 Januari 2012 pukul 16.44
Deo Pradipta mengatakan...: wah .. klw itu mah gak tau sob.. coba liat SS nya diatas..; 2 Januari 2012 pukul 18.06
Unknown mengatakan...: gan.. saya udah terapin di blog saya, dan berhasil..,
Tapi masalahnya..
Kalo ingin tampilan pertama itu sudah hidden gmna ya...?; 14 Januari 2012 pukul 12.30
Deo Pradipta mengatakan...: waduh sob.. coba cek screenshot di atas.. apa sama punya sobat ? :/; 14 Januari 2012 pukul 19.37
Unknown mengatakan...: Lapor gan.. Akhirnya saya ngerti..

Script anda ama yg di Screenshot ada perbedaannya :D

style="display:inline;

itu yg anda berikan.. Sedangkan SS anda

style="display:none;

ternyata itu pertama lgsg hide..
thx' ya ilmunya..; 6 Februari 2012 pukul 18.58
Deo Pradipta mengatakan...: wahh.. makasih yakk sob atas bantuannya.. ==b; 9 Februari 2012 pukul 20.45
Bahrul mengatakan...: gan caranya milih yang mau di kasih minimase sama maks gimana; 6 April 2012 pukul 08.17
Deo Pradipta mengatakan...: kan udah ada tuh sob. baca lg deh...

NB : sesuaikan dengan judul widget yang ingin di beri tombol minimize maximize; 6 April 2012 pukul 09.37
Admin mengatakan...: Nice post...info yg bagus dan menarik cocok bagi blog saya "newbe". follow sukses i hope you can follow my back in my blog. thenks for information. nice blog; 9 Mei 2012 pukul 19.56
Deo Pradipta mengatakan...: makasih sob.. iyaaa.. liat2 dulu yakk :); 10 Mei 2012 pukul 18.06
abian Kansa mengatakan...: Sipp dah bang Deo, Memang Ganteng :D; 21 Juni 2012 pukul 06.13
Deo Pradipta mengatakan...: asem.. apa hubungannya sama ganteng (?) --'; 21 Juni 2012 pukul 12.33
Naufal Maulana Ramadhan mengatakan...: Berhasil kak :) makasih :); 24 Agustus 2012 pukul 01.26
Deo Pradipta mengatakan...: iyaa sob.. makasih jugaa yaa :); 24 Agustus 2012 pukul 22.06
Juju Onyols - Sikonyols mengatakan...: coba aaah :p; 24 Oktober 2012 pukul 21.17
Deo Pradipta mengatakan...: silahkan di coba sob, semoga berhasil ^^; 25 Oktober 2012 pukul 15.12
Unknown mengatakan...: pusing dha. koq aku kagag ngerti y ? malah buat tugas sekolah lagi.
butuh jasa buat blog ni, yg sderhana aja.
qnozove.blogspot.com; 1 Desember 2012 pukul 15.41
Mr.I mengatakan...: Keren,gan ! skrng blog saya sudah tertata dengan rapih...
jngn lupa mampir Biohazard Blog; 31 Desember 2012 pukul 19.14
Bangka Belitung Tour mengatakan...: gan, di blog ane kok jadinya h1 & h2 nya duplikat ya. kira2 sakahnya dimana ya. mohon sharingnya; 22 Februari 2013 pukul 16.03
Dark Wizard mengatakan...: Gan. Mohon diberi pencerahan lebih :O
hasilnya bagaimana gan? Homepage blog saya rentan banget sama error jika salah coba kode :O
thanx :); 14 Juni 2013 pukul 01.41
Dark Wizard mengatakan...: Gan. Punya saya kok awal buka g minimize ya?
Jadi tetep nampak terbuka gt. di klik tombol minimizenya baru minimize.; 14 Juni 2013 pukul 02.50