Cara Membuat Spoiler Show-Hide button
Show-Hide Button
Apakah Anda ingin memberikan pengunjung situs blog Anda kemampuan untuk menampilkan atau menyembunyikan konten tambahan dengan satu klik? Tombol "Show/Hide" adalah cara yang sempurna untuk melakukan itu. Dalam artikel ini, kami akan memandu Anda melalui langkah-langkah sederhana untuk membuat tombol "Show/Hide" menggunakan HTML, CSS, dan JavaScript. bagi anda yang belum bisa membuat blog atau belum punya template bisa ke link dibawah ini
Cara membuat blog versi google
Template blog Gratis - Free templat Premium Bloger
yuk dilanjut Tombol ini dapat digunakan untuk menggantikan konten dalam postingan blog, FAQ, atau informasi tambahan yang ingin Anda tampilkan tanpa mengganggu tampilan umum halaman Anda.
<div style="margin: 5px 20px 10px;" align="center">
<div class="smallfont" style="margin-bottom: 2px;">
<input value="Show" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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;"> PASTE KODE SCRIPT YANG INGIN DI SEMBUNYIKAN DISINI YA
</div>
</div>
</div>
1 komentar
เค้าไพ่เสือมังกร
เค้าไพ่เสือมังกร
เค้าไพ่เสือมังกร
เค้าไพ่เสือมังกร