Tutorial : Spoiler Button
Assalamualaikum and annyeonghaseyo. Tutor ni direquest oleh my madu, Auni. LOL. Okay, spoiler button ni sesuai kalau korang nak letak credit, link, ataupon tagboard. Dekat bawah ni contoh spoiler button.
1. Copy code dekat bawah ni
<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('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!'; }" />2. Paste dekat Edit HTML for classic template. For template designer dkt HTML/JavaScript
<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>
3. Preview & save
biru : tukar ayat tu dengan ayat korg sendiri
oren : URL background
merah : letak text, atau javascript yang korg nak
6 comment [s]:
thanks for the tuto ..
err ... kalau untuk tagboard .. letak code cbox tu kat "Write anything here" ek ?
@Nur Auni (FTI) : U're welcome :)
yup, letak dekat situ ^^
akq .. macam mana nak letak spoiler button tu kat bawah ? means .. bukan kat sidebar .. kat bawah ..
ermm..cuba letak dkt bawah code < / body >
err.. akq .. maksud saya .. letak kat bawah .. tepi scrollbar ... ala .. kat tempat top button tu ..
erk mcm tu? ermm tak tahu pulak..hehe -,-
Post a Comment