Header Blog & Channel
        

Cara Pasang Butang Show and Hide

Mungkin kOrang ingin menyembunyikan widget atau kod /teks pada blog.
Fungsi ini macam read more jgk 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 buttOn yang 
mana bila diklik boleh memaparkan bahagian yang tersembunyi klik 
butang dibawah untuk melihat contohnya


Copy kOd di bawah

<div id="spoiler" style="display:none">Text kOrang yg nak disembunyikan tu</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>

biru: letak ayat yang kORang nak letak tu
merah: name buttOn




>new update<
Kalau kOrang nak letak imej pada button HIDE/SHOW
mcm gambar kt bawah ni


copy kod di bawah   

<ul><a href="javascript:void(0);" onclick="expandcollapse('Cbox')"><img height="50" src="http://icons.iconarchive.com/icons/dryicons/aesthetica-2/128/user-comments-icon.png" width="90" /></a></ul>
<ul class="texthidden" id="Cbox">
TEXT KORANG</ul>




kOrang letak kod ni dekat 
Design=>Page Element=>Add Gadget=>HTML/javascript pon boleh.


kalau kOrang nk letak kod di atas kode </head> 
pon boleh


mane2 pon boleh, mengikut cita rasa kOrang..


Selamat Mencuba.. babai

No comments: