Senin, 18 April 2011

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

Judul Spoiler


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




tulis nya di Edit HTML. kan diatas ada tulisan Edit HTML  Dan Compose terus tekan HTML.



dann selamat mencoba!!!!!

0 komentar :

Posting Komentar