Author
Hi I'm a sixteen years old girl from Indonesia. Stalk me here.
Tutorials
All the list of tutorials, please click here. Thank you.
Credit
Tempelate by yours trully. Do not open my page source. I will respect you if you're respect me.

Cute Spoiler Button // Tuesday, November 8, 2011





Hai all met malem :) malam ini aku dapat 1 Copycat lagi lhooo ^_^ maybe uolz fikir aku ini suka main tuduh kan? oke aku jelaskannn...



Aku lihat blog dia, lihat background background dia, tutors dia, cara dia letak kode, dll mirip sama punyaku yang blog pinky boy dulu (-..-)



Kalau aku nggak kuat, aku mau disable CTRL aja sekalian! Biarin nggak bisa copy i don care --" huh COPYCAT MAKE ME PERFECT !



Oke, tutorials ku kali ini mau share ke kalian karena kebetulan banyak yang nanya cara bikin spoiler seperti aku yang show credits itu.



Aku kasih codingnya kamu mau letak button spoiler ini dimana terserah kamu. Kalau di sidebar, click yang HTML/Javascript.



<div id="spoiler"><div><input value="Show Credits" style="width:250px;font-size:12px;background-image: url(URL BACKGROUND);-moz-border-radius: 2px; border-radius: 2px;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%">

ISI DISINI ISI DISINI ISI DISINI ISI DISINI</div></div></div>


- Merah URL Background buton spoiler

- Blue words on button spiler nya.

- Pinky isi button spoilernya



Save and Done :)



Kalau habis ini aku lihat message from anon dari shoutmix kalau aku copy tutorial orang, plis, aku tanya tutorial ini dari teman blogger ku di facebook. Dia dah beri ijin aku for share ke kalian.



So, kalau mau copy dari aku, beri credit !



P/s: Aku tahu dia pernah buka source aku untuk ambil code ini then dia post ke blog dia. Tanpa credit? hello page source siapa yang kamu buka adik kecil yang imut, cantik, and pintar? mana link saya?! :) :D


Mood: doodling♥