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:

PertamaXXX

Test tulisan 1. Maaf Bung Roma, gambar ini bukan hasil kerjaan saya. Maaf Bung RS, gambar ini bukan hasil kerjaan saya. Nemu di imageshack. Entah siapa yg upload. Test tulisan 2. Blah blah blah

Sumber:
http://www.kaskus.us/showthread.php?t=1178906

Comments

Popular posts from this blog

2021 Lalu Saya Covid

Logitech G300S Saya Rusak (1)