Skip to main content

tutorial background spoiler button..

Tumblr_ls0frivljd1qi0aq0o1_500_large

update tuto!spoiler button nie upgrade sikit sebab dia ada background..


1)design>page element>html/javascript
2)copy and paste je kod dibawah
<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 AYT/KOD DISINI:)</center></div>
<div id="hide"></div>
3)siap!

suka la pulak tengok keeping up with Kardashians=P 


Comments

Post a Comment

Popular posts from this blog

freebies background part 4

assalamualaikum w.b.t.. nak bagi background dekat korang nie.. ambik lah jangan tak ambik tapi mesti mau kredit..kalo tak lawa cakap\jadi orang yg jujur/ Flower cute background https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNLEkawfQDwiUWupO4wP6ft-6tok_8uPgWQW2NaOvvQPzxA3kJR972kDhP4Hl9QRi6x7BDhOOhJL0Gi8gGP-MeaiCjAjojLKzGkJmrDJOFXgRf7fITOCMGOi4WKd_vDUxy5HH8032gDhV/s1600/polkadot-crop.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeiNPZVq1fEczqo8y6HqV_1UAuIGVNYpNrhovIML9GXyEX-fhK5VaT7Rzm7Jrl6WZJM7ll7w95WjYA8NdXjV5iUxs7wdh4197XvOhHBqHu3YFh4gQzk-7IwvwCspJm4Jf4iUM74Rv0A9D/s1600/polkadot-crop+purple.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicb9FvTFnNJKXjOqDJ8G-neMypMsN4Cotr7T1coMIZIUOie03jwtMp5k3b6M8RpU9VCHm5byrGWbm59911yZsFh5_GnNGdN0F993kcLm8rKQaBaoLorQjFhMQ3VaQPvK4hj3AgCqnSJ4T0/s1600/polkadot-crop+blue.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpiDdjq_KVHSN0AA7ZiDCT6yjCvXYWcKpIse7Vyv3NuowlhjvkRyKYvriIa4bkSPZ...
Post a Comment
read more

Autisme

Autisme tu apa?? istilah autisme berasal daripada perkataan autos  yang bererti diri sendiri   dan Isme yang bererti aliran. Ini bermakna autisme membawa maksud keadaan yang menyebabkan kanak-kanak menumpukan perhatian dalam dunianya sendiri.<sumber: ummuhaq.qulhaq pesakit autisme nampak normal je tapi bila bab menguruskan diri dan berkomukasi diaorang ada masalah sikit..contoh paling dekat adalah adik saya.Adik saya dah umur 6 tahun tapi masih lagi tak boleh bercakap..tapi walaupun tak pandai bercakap sangat pandai membuli kakaknya.. adik saya nie jenis autisme yang active,ada yang sepupu saya tu jenis yang pasive.. huh penat betul kawal dia nie boleh kurus tau sapa yang jaga dia..hehehhe.. mak saya kata kalau hntr dia nie kat babysitter confirm babysitter tu tak larat nak jaga.. hanya orang yang faham dia je yang boleh jaga dia.. kat bawah nie la anak kesayangan mak n abah.. ♥ ♥ ♥ my beloved youngest sis.. ♥ comel tak=) adik saya nie tak boleh dengar ...
Post a Comment
read more

TUTORIAL CURSORS

haloo...hari saya bagi tip nak cantikkan korang punya arrow  dengan gambar2 cute.. kalau korang nak cari kat   cursors 4 u  cantik2 tau tapi jangan pilih yang tulis animated dah la ye.saya percaya ramai dah ada cursor tapi ada sesetengah blogger nie dia tak buang label cursor tu..nmpk tak eloklah kalau cam tu.. ok!kalau dah jmpa yang berkenan silalah ikut step nie 1)design>page element>add gadget>HTML/javascript 2)copy kod cursor yang telah dipilih dan pastekan dalam HTML/javascript 3)buangkan coding berikut...contohnya: <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur231.cur), progress;}</style> <a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-transparent-pink-pointer.html" target="_blank" title="Cool Transparent Pink Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Transparent Pink Pointer" style...
1 comment
read more