Membuat Spoiler di WordPress
Tahu spoiler kan? Semacam tombol yang ketika di-klik akan mengeluarkan menu pulldown. Biasanya digunakan untuk menyimpan teks yang terlalu panjang atau semacam lampiran yg sifatnya opsional dilihat atau tidak.
Dapat info dari kaskus tentang bagaimana membuat spoiler. Bisa cek code berikut:
<div><input type="button" value="Tampilkan" style="margin:0px;padding:0px;" 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 = 'Tampilkan'; }"></div><div style="background: #CCCCCC; margin: 10px auto;border: 1px solid #000;padding: 5px;"><div style="display: none;">TEKS YG MAU DIUMPETIN</div></div>
Lihat tulisan yang di-bold. Tulisan “tampilkan” dan code warna CSS bisa diganti sesuai warna themes kita. Bagian yang mau di-hidden di bagian “TEKS YG MAU DIUMPETIN” bisa diisi gambar atau tulisan. Untuk implementasinya sebagai berikut:
Comments
Post a Comment