Tutorial : Spoiler Button macam Kihah

Assalamualaikum semua.


Malam ni Kihah nak ajar korang buat Spoiler button macam Kihah. Korang tahu tak yang mana? Tengok kat sidebar (8.9.2011)

Tengok dekat CREDITS tu

Ekceli, tutorial ini direquest oleh MIZA di Shoutbox. Tuto ini dicreditkan untuk Una aka KEMETOT Chomel.

Dahboard >> Design >> Page Element >> Add a Gadget >> HTML/JavaScript

Copy dan pastekan kod ini kat ruangan HTML/JavaScript tadi.

<center><div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" value="YOUR TITTLE" style="width:200px;font-size:12px;background-image:url(BACKGROUND SPOILER);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #FFBABA;" type="button">

<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">

<center>ISI SINI :)</center></div>

<div id="hide"></div>

#TekaTeki

YOUR TITTLE : Tukarkan kepada Tajuk anda sendiri.

BACKGROUND SPOILER :  Gantikan dengan Background korang sendiri.

#FFBABA : Tukarkan dengan kod anda sendiri. SINI

ISI SINI :) : Tuliskan isi2 anda kat dalam tu. I mean bila orang tekan nak keluar apa.

Dah habis? Tekan Save ok.

p/s : kenapa lambat sangat nak download PS ni. ==

Ini adalah contoh untuk Tutorial Spoiler Button. Terima Kasih sebab tekan :D DAH PAHAM?