COPY PASTE KODE DI BAWAH INI
SPOILER 1
<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 5px; width: auto; font-size: 10px; background:yellow; color:blue; border:1px dashed red;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashed red; color:blue; background-color:yellow; text-align: justify; padding:10px;">isi teks atau kode gambar dll disini</div></div></div></div></div>
HASILNYA SEPERTI INI
SPOILER 2
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div>
HASILNYA SEPERTI INI
SPOILER 3
<div style="margin: 5px;"> <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 100%;" value="OPEN" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button"> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px; background: #FF0000; none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" class="alt2"><div style="display: none;">
ISIKAN DISINI IMAGE ATAU APA SAJA </a>
</div></div></div>
HASILNYA SEPERTI INI
SPOILER 4
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow; -moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>
HASILNYA SEPERTI INI
SPOILER 5
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:RED; color:white; border:1px dashes yellow;-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left
-webkit-border-bottom-right
" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>
HASINYA SEPERTI INI
SPOILER 6
<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:darkgreen; color:white; border:1px dashes yellow;-moz-border-radius-topleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left
-webkit-border-bottom-right
" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>
HASILNYA SEPERTI INI
UNTUK KODE WARNA KILK DISINI
5 comments:
Alhamdulillah, syukron ilmunya Bu...
Maaannnnttttaaapppbbbssss bu guuurrrruuuwwww... keren infonya neeehhh..
Bu guru... aq mohon izin copy artikel ini yaaa... Makasyihh sebelumnya... sukses az bwt bu guru yg kreatif
hi ibu... keren neh artikel'y..
boleh di copy ke blog echa yah..^^
echa sertakan sumber'y..
makasi banyak bu...^^
terimakasih banyak atas ilmu nya buk.. :)
Post a Comment