Home Tutorial Freebies Jatt & Kucing Others Blogwalking

28 October, 2010

cara nak buat spoiler

Tutorial kali ni izzat nak ajar camne nak buat spoiler \rujuk gambar/

credit : kaq pija
ni sebelum tekan button Show|Hide tu
credit : kaq pija
ni lepas tekan button Show|Hide tu.

Let's start;

1. Dashboard > Design > Add Gadget > HTML/JavaScript
2. Copy code kat bawah ni;
<div id="spoiler" style="display:none">
YOUR CONTENT
</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'}">OPEN | CLOSE</button>
3. Paste dalam HTML tadi.
4. Save.

merah; boleh letak apa-apa yang korang nak
oren; boleh ubah ayat yang korang nak

Credit gambar; nurhafizapija     

No comments:

LinkWithin