Selasa, 30 Oktober 2012

Cara Membuat Spoiler

Nih, lagi muda-mudanya bulan april, .. hihihihi Pastinya tambah semangat posting dong.... wkwkwkwkwkw

nih kali ini saya mau share ke sobat" Cara Membuat Spoiler Pada Blog...

mungkin sobat" masih ada yang belum tahu apa itu Spoiler.... ni dibawah ini ane kasih contohnya...


LOGO KUSUMA NEGARA


Judul Spoiler

nah langsung aja deh tipsnya,,, bingung ane mau basa basi..... hahahahahahahaha

dibawah ini adalah kode untuk membuat spoiler seperti contoh diatas....

--------------------------------------------------------------------------------------------------------------
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul Spoiler</span></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">


-----isi spoiler-----


</div>
</div>
</div>
</div>
--------------------------------------------------------------------------------------------------------------

nah kurang lebihnya kyak gitu.... daaaaaannnn selamat mencoba.... hehehehe

Tidak ada komentar:

Posting Komentar