Masih ingat dengan artikel saya yang berjudul
Pasang Spoiler Diblog ?? 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.
spoiler biasa :
spoiler modif :
Bagaimana menarik bukan...??
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...
Written by: Pendi Ari Wibowo
Pendiari | Artikel Islam, Blog Dan Motivasi Updated at:
8/18/2010
Title : Modifikasi Tampilan Spoiler
Description : Masih ingat dengan artikel saya yang berjudul Pasang Spoiler Diblog ?? kali ini saya akan memberikan cara merubah tampilan spoiler. tampila...