Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










My words!


Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!



>> convocation countdown
date : NOW
at:00:00am


>> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am


>> officially finish my diploma
date : 09/05/2014
at: 09:00am


>> prince proposed
date: 20/10/2012
at: 12:00am



Followers




Blog Archive


 tengah skodeng


Contact Me


: Shafiqa'aziyatul Azie
: @ieqashafiqa
:ieqashafiqa
: My Blog

Tabung Masa Hadapan



Tutorial spoiler button
Saturday 17 November 2012 | 0 Diamond[s]

Hai blogger~ sekarang ieqa nak ajar pula macam mana nak buat spoiler button. spoiler button nie sesuai kalau korang nak letak credit, link atau tagboard.





1. Copy kod kat bawah nie.

<center><div id="spoiler"><div><input value="Open/Close" style="width:200px;font-size:12px;background-image: url(Url background);-moz-border-radius: 5px; border-radius: 5px;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>Write anything here</center>
2.  Paste kat Edit HTML for classic template or for template designer dkt HTML/Javascript.
3. Preview dan save

biru : tukar ayat tu dengan ayat korg sendiri
oren : URL background
merah : letak text, atau javascript yang korg nak



Post a Comment

Asslamualaikum~
thanks for the comments. no harsh word ok. :)


Newer Post
Older Post