Cara Membuat Spoiler pada Blog

Contoh Spoiler pada kaskus

Contoh Spoiler:

Contoh Spoiler

Cara Membuat Spoiler pada Blog - siapa disini yang suka berkunjung ke forum forum seperti kaskus , adsense-id, dan forum lainnya? nah pada forum biasanya ada sebuat tombol spoiler untuk menutup gambar, sehingga untuk membuka gambar kita haris klik tombol buka ? Nah, kali ini Cupit's akan berbagi Script Membuat Spoiler pada Blog, kawan. Langsung saja ikuti cara dibawah ini:

1. Masuk ke New Post, dan Pilih HTML
2. Kemudian masukkan Kode dibawah ini :
   
   <div style="margin: 5px 20px 20px;">
   <div class="smallfont" style="margin-bottom: 2px;">
   <b>JUDUL SPOILER</b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
   </div>
   <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
   <div style="display: none;">
   ISI SPOILER
   </div>
   </div>
   </div>
3. Kemudian Isi Judul Spoiler dan Isi Spoiler Sesuai keinginan kamu., dan Publish.

Mudah bukan ? Monggo dicoba kawand.. :)

Sekian Artikel Tentang Cara Membuat Spoiler pada  Blog yang bisa disajikan oleh Cupit's Blog "(5.0)" 

Posted by BV Media

Tweet