Cara membuat Spoiler Pada Postingan Blog. Spniler berfungsi untuk menyembunyikan sebagian tulisan yang anda inginkan. Bagaimana cara membuat Spoiler di blog? atau bagaimana cara membuat spoiller pada postingan blog? Lihat dulu contoh Spoiler di bawah ini.
Kode
Bagaimana cara membuat Spoiler pada postingan Blog?
Caranya sangat mudah, anda hanya perlu menambahkan kode spoiler pada postingan atau sebagian kalimat yang ingin anda sembunyikan. Berikut ini kode dan cara membuat Spoiler pada postingan blog.
- Copy kode di bawah ini dan paste pada postingan anda
<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<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 = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN</div>
</div>
</div>
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<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 = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN</div>
</div>
</div>
- Masukkan kode atau tulisan yang ingin anda sembunyikan pada tempatnya. Disana sudah ada Tulisan "TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN"
- Selesai, selamat mencoba dan semoga sukses
Jangan lupa comend yah :D
Bijaklah dalam berkomentar
EmoticonEmoticon