Cara Membuat Spoiler Di Dalam Posting Blog

Caranya :
  1. Login ke Blogger
  2. Pilih New Post atau Entri Baru
  3. Kemudian pilih mode HTML (selain Compose) saat membuat entri baru
  4. Sisipkan kode script di bawah ini untuk membuat spoiler :
  5. <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain-lain </div> </div> </div>
  6. Ganti tulisan Judul Spoiler , Buka , Tutup sesuai keinginan
  7. Klik Publish atau Publikasikan dan lihat hasilnya
Semoga bermanfaat, selamat mencoba...


Tidak ada komentar:

Posting Komentar