Cara memasang spoiler di blog (show/hide)

Masih ingat dengan artikel saya yang berjudul

Cara memasang spoiler di blog (show/hide)

?? kali ini saya akan memberikan cara merubah tampilan spoiler. tampilan spoiler ini lebih menarik dari pada yang dahulu, dan tentunya akan mempercantik tampilan blog kita. berikut ini perbedaan tampilan spoilernya.

Silakan Copy kode dibawah ini :

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 5px; width: auto; font-size: 10px; background:yellow; color:blue; border:1px dashed red;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashed red; color:blue; background-color:yellow; text-align: justify; padding:10px;">isi teks atau kode gambar yang disembunyikan dibalik tombol</div></div></div></div></div>

Silakan Anda ganti atribut pada kode spoiler diatas sesuai keinginan Anda...

Selamat Mencoba...