Tuesday 20 June 2017

Code SPOILER



Code untuk SPOILER content/page postingan di website:

Contoh:



<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT SELENGKAPNYA'; }" name="button" type="button" value="LIHAT SELENGKAPNYA" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">TARUH TULISAN/KONTEN YANG INGIN DISEMBUNYIKAN DISINI</p>
</div><div id="hide"></div></div></div>



Ganti tulisan berwarna merah sesukamu, dan ganti tulisan yang berwarna kuning sesukamu tapi dengan kata yang sama persisi, dan ganti tulisan berwarna hijau dengan isi/konten yang ingin dibuat spoiler, jangan lupa publikasikan dalam mode HTML

MAAF, saat ini kolom komentar sudah tidak bisa berfungsi dengan baik karena adanya perubahan struktur kode pada template blog ini.


==================================
Silahkan berikan komentar Anda di laman ini.
Tautan (live links) spam dalam komentar akan terhapus secara otomatis.
Jika ingin menyisipkan tautan silakan gunakan tag: <i rel="URL">URL ANDA</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">TEKS JUDUL ANDA DI SINI</b>
Untuk menyisipkan gambar, gunakan tag <i rel="image">Tulis URL GAMBAR Anda di sini </i>
Untuk menyisipkan kode, gunakan tag <i rel="code">Tulis KODE ANDA di sini</i>
Kode yang panjang bisa menggunakan tag <i rel="pre"> KODE PANJANG di sini</i>
Untuk menciptakan efek tebal gunakan tag <b>TEKS TEBAL ANDA DI SINI</b>
Untuk menciptakan efek tulisan miring gunakan tag <i>TEKS MIRING ANDA DI SINI</i>

/* */