Hide Spoiler button

salam and hello to my cutie stranger ! :D ..enjoy traveling my super dupper simple blog..have a joy!!

hello :),welcome to my tutorials :D

oke3..nampak tak button kat atas ni?..cube click2 siket :D

keluar sesuatukan??hohohoh..nilah namenye button Hide Spoiler.

hide spoiler ni korang semua boleh letakkan di mane2 saje

yang korang nak :)..selalunya orang akan buat button hide spoiler ni sebagai credit section.

tujuan orang guna button hide spoiler ni ialah untuk

menjimatkan ruang sidebar dan juga untuk membuatkan blog sidebar korang tu nampak kemas :)

dah tak sabar nak tahu cara2 untuk letak button ni

dalam blog??..jom ikut step by step :D

Dashboard-->Add a gadget-->Html/Javascript

paste code kat bawah ni dalam kotak HTML korang.

<center><div id="spoiler"><div><input 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;; }" value="YOUR TITLE" style="width:200px;font-size:12px;background-image:url(URL BACKGROUND);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #000000;" type="button" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">
tulis apa yang korang nak
<div id="hide"></div>

biru:tukarkan dengan title/nama kepada button show and hide spoiler korang.

ungu:letakkan URL gambar/background korang.

merah:tulis ape yang korang nak ianya ada dalam button tu.

dah~selesai..senang je kan?? :D,jadi sekarang ni blog korang

akan nampak lebih kemas dan teraturlah sikit :D

goodluck..hope berjaye..bhai!!