cara pasang show hide di postingan

cara pasang show hide di postingan

cara pasang show hide di postingan - cara pasang show hide di postingan.
show hide atau disebut juga spoiler ini adalah tombol yang digunakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto dan lainya ) dengan klik untuk membuka dan menutup.

cara pasang show hide di postingan sebagai berikut :

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:

Kesini:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Kesini</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;">



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

Kesini:

Letakkan teks atau kode script (gambar atau video) di sini

5. Setelah itu ganti judul spolernya, begitu juga Buka dan Tutup dengan selera akang-nyai.
6. Klik Publish