Selamat siang mas bro siang ini saya akan membahas cara membuat SPOILER PADA POSTINGAN BLOG, Ok langsung aja mas bro kita menuju tkp klik di bawah ini untuk melihat contoh spoiler :
ok kita langsung aja ke tutoril nya mas bro :
1. Login Dashboard milik mas bro
2. Pilih new post / entri baru
3. Pilih metode edit HTML saat membuat postingan terbaru
4. Kemudan masukan kode di bawah ini di dalam nya
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini sob..!!
<br>
</div>
</div>
</div>
klik piblish kemudian terbitkan entri selesai semoga bermanfaat....
contoh spoiler:
1. Login Dashboard milik mas bro
2. Pilih new post / entri baru
3. Pilih metode edit HTML saat membuat postingan terbaru
4. Kemudan masukan kode di bawah ini di dalam nya
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini sob..!!
<br>
</div>
</div>
</div>
klik piblish kemudian terbitkan entri selesai semoga bermanfaat....