Wednesday, August 24, 2011
Membuat Spoiler di Blog
Posted on 12:28 PM by Aozora
Bisa dipilih nih, Admin punya 2 biji =D
Spoiler 1
Contoh:
Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2
Scriptnya :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2
</div>
</div>
</div>
Spoiler 2
LETAKKAN KODENYA DISINI
Scriptnya :
<div id="spoiler"><div><input
style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;"
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 = 'TUTUP';
} else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
= 'none';
this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="BUKA"
/></div><div id="show" style="border: 1px solid white;
display: none; margin: 5px; padding: 2px; width: 98%;"><div
style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb;
border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p
style="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>
Subscribe to:
Post Comments (Atom)
No Response to "Membuat Spoiler di Blog"
Leave A Reply