Cara pasang tombol hide spoiler di posting blogger

Pada kesempatan kali ini saya mau berbagi tutorial kepada sobat semua tentang cara membuat tombol hide show, atau yang lebih sering disebut dengan nama spoiler. Lalu kenapa kita belajar membuat spoiler? karena spoiler berguna untuk mendelikkan konten atau yang lainnya sehingga membuat halaman blog menjadi lebih simpel. Langsung saja saya berikan, contohnya seperti di bawah ini:

Untuk cara buatnya pasang script di bawah ini di gadget atau di postinagnmu.

<div style="text-align: center;">
<div class="button-spoiler">
<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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Perlihatkan'; }" type="button" value="Contoh Tombol Spoiler" /></div>
<div class="spoiler">
<div style="display: none;">

<div style="border: 3px inset rgb(51, 51, 51); font-size: small; padding: 10px; text-align: left;">

Ini namanya spoiler

</div>
</div>
</div>
</div>

Keterangan: Tulisan Sembunyikan: nama tombol untuk mendelikkan konten.
                   Tulisan Perlihatkan: nama tombol untuk memunculkan konten.
                   Tulisan Contoh Tombol Spoiler nama tombol pada saat pertama muncul.
   Tulisan Ini namanya spoiler ganti dengan konten sobat, misal gambar,script dll.
Catatan: Kalau memasang script di atas pada postingan taruh pada Edit HTML bukan di Compose

Sekian tutorial dari saya semoga dapt membantu sobat semua.

GLOBAL KOMPUTER TELUK KUANTAN

Cara pasang tombol hide spoiler di posting blogger