TUTORIAL : Spoiler

tuto ni di request dari adik fieya . *yeke adik ? ke akk ?* 

ini bukti takut korang tak nak caye 

okay , spoiler tuh natang ape ? spoiler ni sejenis button yang tak boleh dimakan . juga tak boleh disentuh mahupun jahit pada baju . taboley taboley taboley \geleng-geleng/ tapi dia sejenis button yang bila kita tekan , jeng jeng jeng . akan keluar what ever lah yang di hide kan . 

ini spoiler ye anak-anak

bila click , keluar la segala macam :)

jom kita start !

\one/

Dashboard ---> Design ---> Add Gadget ---> HTML/JavaScript

\two/

masukkan code kat bawah ni

<div id="spoiler" style="display:none">

ISI SPOILER ANDA

</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>

\three/

gantikan ISI SPOILER ANDA tuh dengan ayat korang . OPEN | CLOSE tuh korang boleh tukar dengan ayat pape je lah . asalkan jangan terlalu panjang . 

dah siap ! korang boleh tekan save dengan senang hati . then boleh preview . 

opss , tapi tapi tapi ! kalau korang nak  buat macam princess teddy tuh , kan tulis kebawah . i mean , dah tulis nama tu then sepatutnya tekan enter lah kan nak tulis yang bawah tu pulak . tapi korang tak boleh tekan enter . nanti tak jadi . so setiap kali nak enter , gantikan dengan code <br/>

example :

peah binti polan

<br/>

umur : 103 tahun

<br/>

blablabla

ada paham ? kalau nak letak gamba or animated gif pulak , isi je HTML code dia . owkie dowkie ?

ktengsbye :)