Monday, December 5, 2011

Hide Spoiler Button (NEW)

Mira ada buat Hide Spoiler Button yang baru punya! Korang perasan tak? Tengok gambar di bawah
..
Sebelum Klik
Selepas Klik

Nak buat button macam tu tak? Ikut step :-

1. Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy kod dibawah :-

<center><div id="spoiler"><div><input value="Tajuk " 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- background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center><center>Ayat korang </center></center></div></div></div></center>
Note#

Warna Merah : Tajuk korang! contoh:Click Here
Warna Hijau : URL background untuk button boleh cari background dekat Glitter Graphics
Warna Biru : Ayat korang selepas button di klik

3. Kalau dah siap preview dulu ! kalau dah puas hati klik save

-DONE-
:D SELAMAT MENCUBA :D


0 comments: