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

Test tutOrial

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