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

TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=) tekan untuk lihat dengan lebih jelas! header tu x berapa nak lawakan..hehehe.. ok!step dia senang daripada shoutbox ajax floating tu.. 1)login blog>design>page element>add gadget>HTML/javascript 2)copy kod dibawah dan pastekan di javascript <style type="text/css"> .gb_fixed{ position :fixed; top:0px; right:0px; z-index: 10; } * html .gb_fixed {position:relative;} #hidden_gb2 { display:none; border:2px solid #333333; background:#ffffff; padding:10px;   padding-top:0px; } </style> <div class="gb_fixed"> <table id="hidden_gb2" cellpadding="0" cellspacing="0"> <tr><td> <div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div> <div...
3 comments
read more

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

freebies UGLY cursors

lapar macD la pulak..comot giler adik tirah makan.. nak bagi freebies la kat korang..baik hati betul...kita kenalah selalu sedekah=) hish bising betulla adik-adik saya nie..nak tulis ayat pun tak da idea.. ok tanpa buang masa lagi...mempersembahkan hasil karya saya..UGLY CURSORS, knpa ugly?? ini adalah trend sekarang..hahaha huhuhu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd097Udj-DK67qec-B7qVz2Eu26H9ixMFE7tXhMCAZH99Qq0-mL2IDpr18Re5rzPczghJhcIWK1ok2oxO2Fs0cFJ6VA00AvoSBFLLoSG6tPt8YaIkmOyxTBYYS-CddiH_YEep6SSdm6m-L/s1600/cloud+2.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBvYI38xFPaHy1z2ECBWe0k-ptDloQyWtNMBlNM5cV0nSDlhsrwSrAMQFn7vbAiWBe60ekTTrLnJvGZt4K-av9-kqI3n7laqfURFhi2SCDXXE2jGZsB4ndUgBsf4HxpTYM59eHkC14Tdk/s1600/epal.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg11uhYKTSHR7qvJtF9MWhvPV7lmL_yYbRSVBRTrRAv-mSWFbq9GbW3wDChgKN8wu1MjH0LcBK5xKsS-MFCxlKLOH_o-ys8nE7yjuQN8lzgLyDIKRmAoSLwhnDN-gqxG7IwZlbNkX10V53z/s1600/flower.png https:...
Post a Comment
read more