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