Membuat spoiler diposting blog

Spoiler merupakan kolom yang dapat digunakan untuk menghemat space yang ada di beranda blog kamu, sehingga dapat mengurangi beban alias loading. Pada kolom ini kamu bisa memasukan gambar, tulisan/ script, dan suntingan teks yang sangat panjang sekalipun. Efek dari kode/ script juga dapat langsung tampil pada kolom ini jika kamu tidak mempharse-y terlebih dahulu.

Berikut contoh beserta embed code spoiler yang dapat anda copas di blog anda:

Silahkan di tes:

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>LETAKKAN JUDUL SPOILER KAMU DISINI</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> "DISINI LETAKKAN HTMLMU, TP JANGAN LUPA DI ENCODE DULU TRUS NARUHNYA DIPOSTING DALAM MODUS HTML BUKANNYA COMPOSE" </div> </div> </div>

Taruh judul spoiler disini!

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>TARUH JUDUL SPOILER DISINI</b>: <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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> LETAKKAN KODE HTML YANG TELAH DI PHARSE/ ENCODE DISINI </div> </div> </div>

Spoiler: "Silahkan copy kode spoiler berikut ini"

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler:</b> <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"> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> TARUH ISI YANG AKAN DITAMPILKAN DISINI </div> </div> </div>

Cara posting kode spoiler:
Jika kamu bermaksud memposting kode html menggunakan spoiler, maka hendaknya kode html tersebut di pharse terlebih dahulu dengan bantuan "Encoder". Selanjutnya silahkan paste kode spoiler termasuk kode html yg sudah di pharse tadi di posting dalam modus HTML.

Posted by Zuhry D'Explorer