Friday, November 26, 2010

cara buat button show hide (buka tutup) pada posting *updated*

quick entri. apezs minta tolong ajarkan macam mana nak buat show and hide button pada posting. maaf, cekla tak reti nak ajar. ni cekla nak share je. harap2 menjadi lah ye?

sangat berguna untuk entri2 yang panjang berjela2. takde nampak sarat sangat.

copy dan paste kod dibawah ini pada Edit HTML Post Editor korang.

<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'}">Buka/Tutup</button>

tukarkan teks Buka/Tutup mengikut kesukaan korang ye.

kalau nak letak gambar, paste KOD gambar dari Edit HTML post editor pada bahagian tulisan berwarna merah tu ye.

klik gambar untuk lihat contoh


good luck!


sumber: teknikbuatblog

6 comments:

apezs shah said...

cekla im gonna say mmg xjadi..
dia xde kuar button open close pon.. dia hilang pic2 yg saya nak sembunyikan tu.. xde button pon keluar.. HOW?? wawawa

suria lekatlekit said...

saya sangat pemalas nak edit kat HTML tu cekla walau sy minat juga nak buat. Cekla sila tampar dahi saya kejab bg ilang rasa malas sebab sy memang dah lama nak buat cuma tak reti jer

CekLa said...

apezs. sila rujuk gambar ye.

abby. *penampar terbang satuuu kasik kat abby*

Miss Yaty said...

wah! menariklah tutorial ni! nak cuba gak nati boleh tak?hihi :)

Unknown said...

wahhh..terbaik!!huhu..

CekLa said...

miss yaty. cuba jangan tak cuba!

apik pehe. biasa2 je laa apik..