Tutorial : Button Show-Hide Spoiler

Assalamualaikum , kawan-kawan . 

Happy Chinese New Year bagi orang yang menyambutnya ye :) 

Okey , tujuan ash update entry kali ini adalah bertujuan nak bantu kak Mimie selesaikan masalah dia :) haha //sengal betul ayat aku tu.

Entry kali ni , agak panjang sedikit . Sorfiena tak tahu nak terangkan macam mana -.-'
Akak tu tanya Sorfiena macam ni ,

korang tahu apa yang akak ni maksudkan ? tengok gambar bawah pulak :)

lepas korang tekan salah satu button , dia akan keluar macam ini ..

jelas ? sebelum tu , entry ni , sama je ngan entry INI . ok , jum kita start :)

bagi pengguna Old Blogger interface , korang buat macam biasa k , pergi kat tempat biasa , pilih add gadjet , dan pilih HTML , dan pastekan kod dibawah ini dalam ruangan HTML :)

bagi yang guna New Blgoger interface , pergi kat layout , pilih add gadjet , dan pilih HTML/JavaScript 

<center><div><div style="margin: 5px;">

<div style="margin-bottom: 2px;" class="bigfont"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Close&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutorial&#39;; }" style="margin: 0px; padding: 0px; width: 95px;" value="Tutorial" type="button" />

</div>

<div style="border: 0px inset; margin: 0px; padding: 6px;" class="alt2">

<div style="display: none;">

<div>

<img src="URL ICON COMEL" /> TAJUK:<a href="LINK ENTRY YANG HENDAK DITUJU">TAJUK ENTRY TERSEBUT</a><br />

<br />

<img src="URL ICON COMEL" /> TAJUK :<a href="LINK ENTRY YANG HENDAK DITUJU">TAJUK ENTRY TERSEBUT</a><br />

</div></div></div></div></div></center>

Tutorial : tukar tajuk besar , sebelum spoiler dibuka.

URL ICON COMEL : boleh ambik kat sini //HERE\\

TAJUK : selepas spoiler dibuka , ayat dalam spoiler.

LINK ENTRY YANG HENDAK DITUJU : link yang korang nak taruk

TAJUK ENTRY TERSEBUT : nama link yg korang nak taruk tu .

perhatian ! kalau nak tambah , just copy dari <center><div><div style="margin: 5px;"> sampai </center></center></div></div></div></div></center> yang lain-lain tu , boleh tukar sendiri kan ? kalau tak nak letak TAJUK=freebies :<a href="LINK ENTRY YANG HENDAK DITUJU"> . boleh padam :) korang boleh letak nama kawan or apa-apa je yang tak ada backlink :)

//kalau tak paham , boleh tanya :)