Cara Menciptakan Spoiler Button (Show/Hidden) Di Posting Blogger

Spoiler Button ialah tombol yang menampilkan atau menyembunyikan keterangan dari suatu cerita.

Sebagai pengguna internet yang sering berkunjung ke situs Kaskus, tentu Anda nggak absurd dengan penampilan Spoiler Button itu bagaimana.

Tombolnya kaya gimana sih? Begini nih, dibawah ini:

Arief Ghozaly

Nah itulah Spoiler Button. Kalau di klik niscaya muncul, jika di klik sekali lagi niscaya disembunyikan. Show or Hidden, bahasanya.

Ok dibawah ini tutorialnya, sekaligus mendokumentasikan pengetahuan aku untuk keperluan pribadi - yang aku kutip eksklusif dari blog... Ada deh, diam-diam pribadi :p

Cara Membuat Spoiler Button (Show/Hidden) di Posting Blogger

Kode yang Anda perlukan ialah instruksi dibawah ini:

<div><input value="Show" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Hide Content';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show Content';}" type="button" />

<div style="display: none;"> ahh... ahh... ahh... </div></div>

Ubah goresan pena yang aku warna-merahkan tersebut dengan goresan pena atau kalimat yang ingin Anda tuliskan di dalam artikel blog.

Cara memasangnya sendiri melalui HTML (bukan Compose). Ok segitu aja dulu. Semoga berguna, happy blogging.*