Cara Membuat Spoiler WordPress Pada Postingan seperti cara membuat spoiler kaskus. Caranya sangat mudah tinggal klik satu kali pada menu
Para blogger yang pernah berkunjung ke kaskus.co.id tentu sudah sering melihat spoiler, Spoiler adalah wahana agar gambar di posting kita bisa tampil setelah di klik tombol show.
Jadi posting yang banyak gambarnya akan tampak ringkas dan rapi, disamping itu pembaca juga penaasaran untuk klik show dan melihat isi gambar tersebut.
Skrip spoiler bisa anda copy dan paste di HTML posting WordPress anda, lalu anda ganti alamat gambarnya. Tentunya gambar harus sudah diupload terlebih dahulu, atau ambil gambar dari web orang lain bila tidak ingin repot-repot upload.
Berikut ini contoh tampilan Spoiler
Lihatlah Foto Trio Macan Sedang Mandi :
Adapun Srip untuk membuat spoiler tersebut adalah :
<div id="spoiler"><div>
<input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="LIHAT GAMBAR" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<img src="https://4.bp.blogspot.com/_3d0GDLAXLJ8/STAjkFR1s2I/AAAAAAAABCQ/pVH4lcV5odE/s320/monyet.jpg" alt="monyet" width="300" height="280" />
</div><div id="hide"></div></div></div>
Referensi : m-alwi.com/cara-membuat-spoiler.html
Saat ini spoiler sudah ada plugin-nya, maka lebih mudah dan enak, silakan download saja plugin “Easy Spoiler”