Membuat Spoiler
Salam Bakat Remaja. . .
Kali ini saya akan memberikan sebuah trik bagaimana membuat sebuah spoiler didalam postingan kita. .
Kemudian, apa itu spoiler??? spoiler adalah sebuah kotak yang mampu menutup dan memanmpilakn gambar-gambar yang besar. contohnya seperti dibawah ini
Bagaimana cara membuatnya???
1. tulis sebuah entri baru. .
2. kemudian copy / paste script dibawah ini pada entri baru anda.
Catatan. . .
(bagian warna merah adalah tulisan atau content yang kalian inginkan)
Kali ini saya akan memberikan sebuah trik bagaimana membuat sebuah spoiler didalam postingan kita. .
Kemudian, apa itu spoiler??? spoiler adalah sebuah kotak yang mampu menutup dan memanmpilakn gambar-gambar yang besar. contohnya seperti dibawah ini
Judul Spoiler...
Bagaimana cara membuatnya???
1. tulis sebuah entri baru. .
2. kemudian copy / paste script dibawah ini pada entri baru anda.
<div><div style="margin: 5px; border: 1px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">
</span></i><br><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;">
</div></div></div></div>
3. Kemudian publish / save<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">
Judul Spoiler...
</span></i><br><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;">
...isi dari spoiler...
</div></div></div></div>
Catatan. . .
(bagian warna merah adalah tulisan atau content yang kalian inginkan)
0 komentar: