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 :)

Photobucket

4 comments:

  1. Cemana nak centerkan? Tak reti lah. Huhu.

    ReplyDelete
  2. huhuhu,maceyhh!...btw adik la.. :P

    ReplyDelete
  3. syazwani ~ tambah je dekat awal ngan akhir .
    nnti buang * tu ye..

    ida idott ~ sama2 adk :D

    ReplyDelete
  4. *center . nnti kurungkan center tu .

    ReplyDelete

Sila tinggalkan komen anda.. =)