tutorial background spoiler button..

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

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)

freebies background part 2-vintage

untuk vintage lover saya nak bagi background yang cun untuk korang..ameklah kalau sudi...jangan lupa kredit ye..penat buat benda nie~~ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0F-8FBfk4R78PgOZVJb5s5b2K5gKhWCuqAW7kXyRmaGQrKDusWH6vI85l3LymdbJY-h9YslpZxNqpZGY7entAFpaSAYuCRtDTdCvrAIZGzRcV5_PUWD_nTr2UXgYSFKygHkixRsb9YUkK/s1600/bluevintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmLoFaluJ-tak1317wMsIBhyphenhyphenu2nOlTFNCaQr3dxuS3ct4xF7kXgAUE7BKgE9XQB7DaiCh8EUMgCl8ni6RsIG0H9NE_jJwjAvS6rLaYfz-tIl0fu1pXbyJ7n3i-efSgqpeW-nm61IXQE250/s1600/greenvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvLudPmL13ciJFQCUvgg5YzS4LiZPZoxFxpGnTHaldPuFKp87yIG9QVL-MeNO5ROePCR0BSCmwJu6wMJjE87mG7fsazzSob-BeUOCGCdtWi0-0EvqHDAL5GH62AJPNA-q_pM-LRfrmxrLj/s1600/maroonvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeMIstnr0ZgD745qT_Xid5vgzsYoFr990KSzeTtNKZ5UByaBK2TonBCI0Ft0Gl43kJN-e5KEWYwnEo7OJ_E_WpIMozTU0W7XDwz4-p0k-mjA1WpOtQa4...

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...

InfoNice

Search This Blog