Show | Hide Spoiler

Assalamualaikumwarahmatullahiwabarakatuh .

Hello world. Welcome again to my private story. I am welcoming you to read my story. I  love to share my story here neither it was sad or happy story. Hope you will enjoy yourself read all the story of mine. Do leave your comments at my shoutbox .

Hari ni Asha nak ajar korang cara nak letak button show|hide spoiler. 

Fungsi letak benda ni ialah kita dapat jimat ruang yang ada selain dapat mencantikkan dan memperkemaskan lagi blog kita supaya menjadi lebih cantik, kemas dan teratur. Sini Asha ajar korang macam mana nak letak benda ni. Simple je. Tak rumit mana pun. Cuma ada sikit pening kepala kalau tak faham. So faham2 kan lah ye?

 Dashboard > Template > Edit Template HTML

 Tekan CTRL+F serentak

 Cari code disclaimer atau mana2 tempat yang korang nak letak button show|hide spoiler ni. 

  Copy code yang Asha bagi ni dan pastekan kat tempat yang korang nak letak

<center><div id="spoiler"><div><input value="Korang letak tajuk apa-apa" style="width:88px ;font-size:12px;background-image: url(URL BACKGROUND UNTUK BUTTON);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" /><div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%"><center><center>Letak ayat korang</center></center></div></div></div></center> 

 Tekan PREVIEW dan kalau dah jadi , boleh terus SAVE.

NOTA
ABC : Korang letak lah tajuk apa2 contohnya OPEN HERE , TEKAN SINI or whatever la
ABC : Korang letak background untuk button show | hide spoiler. Cari kat sini | sini
ABC : Korang boleh letak ayat panjang berjela pun. 

Try tengok kat blog korang , menjadi tak ?

Haa senang kan ? Mudah sangat2 tau . Dah pandai guna , pandai lah credit kat Asha ye?

Big thanks to all readers. 

Sincerely , Asha :)