Membuat spoiler pada blog berfungsi untuk menyembunyikan atau untuk meringkas artikel, gambar, kode CSS atau kode javascripts supaya tidak memakan tempat pada post, untuk menyingkat teks atau kode scripts bisa juga dengan menggunakan fungsi scroll ataupun dengan mengunakan teks area.
Spoiler itu sendiri bisa ditempatkan pada blog post, sidebar, header maupun footer. coba perhatikan contoh dibawah ini :
Keterangan Spoiler
Untuk membuatnya, copy kode dibawah ini kedalam postingan atau sidebar :
<div style="margin-bottom: 2px;">Keterangan Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" 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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER DENGAN TEKS ATAU SCRIPTS CODE</div></div></div>
Keterangan :
Keterangan Spoiler : merupakan judul dari spoiler itu sendiriShow : Kalimat yang muncul pada tombol spoiler, bisa kalian ganti dengan kata buka/tutup
Isi Spoiler Dengan Teks atau Scripts Code : Merupakan tempat untuk mengisi dari spoiler tersebut
Semoga bermanfaat,
Posting Komentar