Mungkin anda ingin menyembunyikan widget atau kod /teks pada blog.Fungsi ini macam read more yang ada pada posting,hanya menunjukan separuh sahaja teks pada posting dan bila diklik pada read more akan menunjukkan sebahagian lagi teks.Kod ini akan memaparkan butang yang mana bila diklik boleh memaparkan bahagian yang tersembunyiklik butang dibawah untuk melihat contohnya
Gantikan teks letakkan kandungan yang hendak disembunyikan disini dengan kandungan yang dingini:
<div id="spoiler" style="display:none">
letakkan kandungan yang hendak disembunyikan disini
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>
Teks show/hide pada butang boleh ditukar mengikut kesukaan anda.Boleh diletakkan pada sidebar atau posting.
letakkan kandungan yang hendak disembunyikan disini
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>
Post a Comment
22 Comments:
keren sob, hehehe :) saya jg sudah coba yg ini, bs menghemat tempat u blog..
tkasih..share ilmu IT kat sini..
huhu... thanks yahaya... :P
wah! bagus tutorial ni..tq bebanyak
kakyon..Zalizalu..wanes..terima kasih..dtg lagi yer
thnx 4 the info
menarik sungguh tutorial ni..thanks sudi berkongsi
Salam kenal sob....
wah angah dapat info la... thanks..
i follow uuu jom kita tukar2 link
bagussss..
kalau show/hide picture blh x?
@geekz36boleh juga untuk gambar
macam mana nak buat button 'buka tutup' jadi center ye? button 'buka tutup' dia atas 'align left' kan.
@geekz36
tambah center
<div id="spoiler" style="display:none">
letakkan kandungan yang hendak disembunyikan disini
</div>
<center><button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button></center>
really thankful for the info. puas cuba dr pg td.
saya letak 2 button pada satu page, tapi button dibawah x berfungsi, klau klik pada button bawah, ia akan terbuka kandungan button atas.
macam mana nak letak 2 button pada satu page?
knp xjd..huhu teks jd hilang
hi..ada x button hide n show yg selain tu? lebih menarik punya..mcm nk tukar background button tu? tq
kalo nk wat hide shoutbox camner laks?
@eB ezrin
cuba tutorial ni...Pasang shoutbox tersembunyi
Saya dah buat tuto ni untuk facebook.Jadi..tp kenapa bila sy buat untuk banner tak jadi? dia keluar yang fb punya.huhu=.=
berjaya buat.. tp camne ea yang ayat tu,lau tekan dia tulis buka..tp lau tutp,dia tulis tutp ea?