8 September 2011

Tutorial : Spoiler Button macam Kihah

Assalamualaikum semua.


Malam ni Kihah nak ajar korang buat Spoiler button macam Kihah. Korang tahu tak yang mana? Tengok kat sidebar (8.9.2011)


Tengok dekat CREDITS tu



Ekceli, tutorial ini direquest oleh MIZA di Shoutbox. Tuto ini dicreditkan untuk Una aka KEMETOT Chomel.

Dahboard >> Design >> Page Element >> Add a Gadget >> HTML/JavaScript

Copy dan pastekan kod ini kat ruangan HTML/JavaScript tadi.


<center><div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" value="YOUR TITTLE" style="width:200px;font-size:12px;background-image:url(BACKGROUND SPOILER);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #FFBABA;" type="button">
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">
<center>ISI SINI :)</center></div>
<div id="hide"></div>
#TekaTeki
YOUR TITTLE : Tukarkan kepada Tajuk anda sendiri.
BACKGROUND SPOILER :  Gantikan dengan Background korang sendiri.
#FFBABA : Tukarkan dengan kod anda sendiri. SINI
ISI SINI :) : Tuliskan isi2 anda kat dalam tu. I mean bila orang tekan nak keluar apa.

Dah habis? Tekan Save ok.

p/s : kenapa lambat sangat nak download PS ni. ==

7 comments:

  1. gadis try this tuto . thanxs for sharing yaww :)

    ReplyDelete
  2. Thanks for this tuto, appreciated it :)

    ReplyDelete
  3. Background?background yg mcm mane eh?sory la,akk x phm sgt :0

    ReplyDelete
  4. finally , jumpa tuto nih ! :D
    tuto awak sentiasa berguna untuk saya :]
    nyway , tenggs :D

    ReplyDelete
  5. Okeng ! Thanks kak Qihah sweetie ! wink ! ^^

    ReplyDelete
  6. macam mana nak letak bloglist masuk dalam tu ekk

    ReplyDelete

Your words defines you