Spoiler Blog

Bookmark and Share
Bikin Spoiler untuk gambar :
1. Bikin entri baru / postingan baru
2. Kemudian masukkan kode berikut ini dalam postingan kamu

<div style="margin:5px; margin-top:3px"><br /> <div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> untuk <i>gambar</i>: <input type="button" value="Show" style="width:auto;font-size:10px;margin:0px;padding:0px;" 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'; }"><br /> </div><br /> <div class="alt2" style="margin: 0px; padding: 3px; border: 1px inset;"><br /> <div style="display: none;"><br /> <img src="ALAMAT_GAMBAR_ANDA" width="none" height="none" alt="spoiler gambar"><br /> </div><br /> </div><br /> </div>

3. Ganti tulisan ALAMAT GAMBAR ANDA dengan url dari gambar yang anda ingin masukkan ke dalam spoiler.
4. Terbitkan Postingan anda dan lihat hasilnya
Membuat spoiler dengan isi bebas (terserah anda) :

1. Bikin entri baru / postingan baru
2. Kemudian masukkan kode berikut ini dalam postingan kamu

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"> isi spoiler </div></div></div>

3. Ganti tulisan isi spoiler dengan konten yang anda ingin masukkan ke dalam spoiler.
4. Terbitkan Postingan anda dan lihat hasilnya