Membuat Show - Hide pada artikel blog - PutuBlog18
PBPUTUBLOG18
Tuesday, 20 September 2011

Membuat Show - Hide pada artikel blog

Langsung saja tidak usah basa basi lagiii !!!!!

Masukan kode HTML di bawah ini pada artikel kamu !!

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;"><b style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="color: blue;">JUDUL SPOILER</span></b> </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;">
<span style="font-family: &quot;Courier New&quot;,Courier,monospace;">ISI SPOILER</span></div>
</div>
</div>


Tampilan dari kode diatas seperti di bawah ini !!!

JUDUL SPOILER
ISI SPOILER

Penjelasan : - Ganti tulisan JUDUL SPOILER dengan Judul Spoilermu
                    - Ganti tulisan ISI SPOILER dengan isi spoilermu ( teks / link/ gambar )

Selamat Mencoba,,