Girl Online
spoiler button
Friday 15 June 2012 • 10:54 pm • 0 comments
Tumblr_m2v2oohmuc1r6p3ejo1_500_large


Hey,pernah tak korang macam image kat atas tuh? seriously,ila pernah hahaha! yalaa,budak-budak kann,biasalah tuh. okay start tutorial. spoiler button ni rupa dia macam nih ..


Haa,nampak tak yg di tulis "thanks,sweetie" tu? dia dalam kotak enn? haa,tulah namanya spoiler button. tapi yang ila kasikk ni pulak,korang boleh letak background taw. so nanti cutelah jadinya spoiler button korang :)

so start jom !

1. design > add a gadjet > html javascript

2. copy code nih kay .

<center><div id="spoiler"><div><input value="Tajuk spoiler korang" 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('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!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center><center>Tajuk selepas korang buka spoiler</center></center></div></div></div></center>


3. tukar taw semua yang ila bold kan tu.. dah tukar,SAVE jaa terus.. ehehe ~ :D


PASTFUTURE


welcome to my humble abode! i literally sucks at expressing my emotion, that's why i decided to start a blog, to express everything i am feeling at the moment. i live for my pets and food. x


MOOD BOARD




Template by x
Basecodes x
Other stuffs xxxxx

All Right Reserved 2012 by Girl Online